KRITIK DAN SARAN REDESAIN NEXT DAN PREVIOUS TEMPLATE BLOGGER KRITIK DAN SARAN REDESAIN NEXT DAN PREVIOUS TEMPLATE BLOGGER - SUARA HARIAN OTO BEMO BERODA TIGA
Suara Harian Oto Bemo Beroda Tiga

Komunikasi, Media Ilmu & Pengetahuan Umum Blogging

Langsung ke konten utama

"OTO BEMO.. OTO BEMO.. BERODA TIGA .. TEMPAT BERHENTI.. DITENGAH TENGAH KOTA..PANGGIL NONA..PANGGIL NONA..NAIK KERETA..NONA BILANG..TIDAK PUNYA UANG.. JALAN KAKI SAJA"

KRITIK DAN SARAN REDESAIN NEXT DAN PREVIOUS TEMPLATE BLOGGER

kritik-dan-saran-redasain-next
Template default blogger tebaru itu ada empat jenis : Contempo, emporio, Soho dan Notable. Nah trik membuat pager ini dapat di terapkan kepada dua jenis template, yakni: Contempo dan Emporio. Sedangkan jika di terapkan kepada template SOHO dan Notable ia tidak bekerja dengan baik kecuali jika rombak pengaturan CSSnya terlebih dahulu.

Cara membuat blog pager Next dan Previous

Jadi sekali lagi trik ini dapat di terapkan ke dalam template blogger default varian terbaru terdiri dari:
Contempo
Emporio
Notable (sedikit tambahan pada kode css)
Soho (sedikit tambahan pada kode css)
Cara penerapannya untuk ketiga varian template terbaru dengan layout 3 tersebut sama saja yakni:

Masuk ke pengaturan blogger -> pilih tema -> Pilih edit HTML. Lalu letakan kode berikut tepat di atas kode </head>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<style>/* Pagen Navigation with number */

#blog-pager {margin: 10px 0 20px 25px;clear:both !important;padding:0;font-size:11px;font-weight:bold;}

a.home-link, #blog-pager-newer-link a, #blog-pager-older-link a {background-color:#fff;border: 1px solid #ddd;padding:0px 12px;line-height:28px;color:#7d7d7d;border-radius: 3px;}

#blog-pager-newer-link a {float:left;display:block;}

#blog-pager-older-link a {float:right;display:block;}

a.home-link {display:inline-block;}

#blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, a.home-link:hover {border: 1px solid #FF8100;}

.feed-links { clear: both;display:none;}

.displaypageNum a,.showpage a,.pagecurrent {padding: 8px 10px;margin-right: 3px;color: #7d7d7d;background-color: #fff;border: 1px solid #ddd;display: inline-block;border-radius: 3px;}

.displaypageNum a:hover,.showpage a:hover, .pagecurrent {border: 1px solid #FF8100;color: #FF8100}

.showpageOf {display:none !important;}</style>

</b:if>

</b:if>


Supaya kode di atas bekerja dengan baik pada template SOHO dan Notable, maka tambahkan perintah CSS: float: left setelah kode yang saya tulis merah. Jadi kodenya menjadi: 
#blog-pager {margin: 10px 0 20px 25px;clear:both !important;padding:0;font-size:11px;font-weight:bold;float:left}

Terimakasih atas kritik dan saran dari 'SUARA HARIAN OTO BEMO BERODA TIGA' sehingga saya dapat memperbaiki sumber kode CSS tersebut. Masih di dalam halaman editor HTML blogger cari kode </body> lalu letakan kode berikut tepat di atasnya:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
/*<![CDATA[*/
var perPage=5;
var numPages=7;
var firstText ='First';
var lastText ='Last';
var prevText ='« Previous';
var nextText ='Next »';
var urlactivepage=location.href;
var home_page="/";
/*]]>*/
</script>
<script type='text/javascript'>
//<![CDATA[
if(typeof firstText=="undefined")firstText="First";if(typeof lastText=="undefined")lastText="Last";var noPage;var currentPage;var currentPageNo;var postLabel;pagecurrentg();function looppagecurrentg(pageInfo){var html='';pageNumber=parseInt(numPages/2);if(pageNumber==numPages-pageNumber){numPages=pageNumber*2+1}pageStart=currentPageNo-pageNumber;if(pageStart<1)pageStart=1;lastPageNo=parseInt(pageInfo/perPage)+1;if(lastPageNo-1==pageInfo/perPage)lastPageNo=lastPageNo-1;pageEnd=pageStart+numPages-1;if(pageEnd>lastPageNo)pageEnd=lastPageNo;html+="<span class='showpageOf'>Page "+currentPageNo+' of '+lastPageNo+"</span>";var prevNumber=parseInt(currentPageNo)-1;if(currentPageNo>1){if(currentPage=="page"){html+='<span class="showpage firstpage"><a href="'+home_page+'">'+firstText+'</a></span>'}else{html+='<span class="displaypageNum firstpage"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">'+firstText+'</a></span>'}}if(currentPageNo>2){if(currentPageNo==3){if(currentPage=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">'+prevText+'</a></span>'}}else{if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+prevNumber+');return false">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+prevNumber+');return false">'+prevText+'</a></span>'}}}if(pageStart>1){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">1</a></span>'}}if(pageStart>2){html+=' ... '}for(var jj=pageStart;jj<=pageEnd;jj++){if(currentPageNo==jj){html+='<span class="pagecurrent">'+jj+'</span>'}else if(jj==1){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">1</a></span>'}}else{if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}}}if(pageEnd<lastPageNo-1){html+='...'}if(pageEnd<lastPageNo){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastPageNo+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastPageNo+'</a></span>'}}var nextnumber=parseInt(currentPageNo)+1;if(currentPageNo<(lastPageNo-1)){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+nextnumber+');return false">'+nextText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+nextnumber+');return false">'+nextText+'</a></span>'}}if(currentPageNo<lastPageNo){if(currentPage=="page"){html+='<span class="displaypageNum lastpage"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastText+'</a></span>'}else{html+='<span class="displaypageNum lastpage"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastText+'</a></span>'}}var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function totalcountdata(root){var feed=root.feed;var totaldata=parseInt(feed.openSearch$totalResults.$t,10);looppagecurrentg(totaldata)}function pagecurrentg(){var thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){currentPage="page";if(urlactivepage.indexOf("#PageNo=")!=-1){currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{currentPageNo=1}document.write("<script src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=totalcountdata\"><\/script>")}else{currentPage="label";if(thisUrl.indexOf("&max-results=")==-1){perPage=20}if(urlactivepage.indexOf("#PageNo=")!=-1){currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{currentPageNo=1}document.write('<script src="'+home_page+'feeds/posts/summary/-/'+postLabel+'?alt=json-in-script&callback=totalcountdata&max-results=1" ><\/script>')}}}function redirectpage(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var nameBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nameBody.appendChild(newInclude)}function redirectlabel(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var nameBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary/-/"+postLabel+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nameBody.appendChild(newInclude)}function finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var timestamp=encodeURIComponent(timestamp1);if(currentPage=="page"){var pAddress="/search?updated-max="+timestamp+"&max-results="+perPage+"#PageNo="+noPage}else{var pAddress="/search/label/"+postLabel+"?updated-max="+timestamp+"&max-results="+perPage+"#PageNo="+noPage}location.href=pAddress}
//]]>
</script>
</b:if>
</b:if>

Save template.

Demikian cara membuat blog pager Next/prev bernomor urut untuk template template yang telah kami sebutkan di atas. Sumber : editblogtema.com. Baca Juga : Tiga-kasyaf-imam-ibnu-arabi-yang-meleset


Bagaimana Reaksi Anda Tentang Artikel Ini?

Komentar

POPULAR POST

IMAM GHAZALI 40 JILID KITABNYA MUSNAH DIBAKAR

Imam Ghazali, 40 Jilid Kitabnya Musnah Dibakar  Di kalangan para sufi, Imam Ghazali adalah ikon tersendiri. Ia sangat produktif, sementara karya-karyanya sungguh luar biasa. Dalam beberapa tulisannya, tasawuf disuguhkan dalam penalaran dan argumentasi yang sungguh mencengangkan. Hampir semua karyanya menjadi rujukan dan bahan penelitian hingga kini. Bagi Ghazali, tasawuf merupakan himpunan antara akidah, syariat dan akhlak. Baginya perjalanan spritual seseorang mampu menjernihkan hati secara berkesinambungan sehingga mencapai tingkat Musyahadah (kesaksian). Menurut Ghazali, kehidupan seorang muslim tidak dapat dicapai dengan sempurna kecuali dengan mengikuti jalan Allah yang di lalui secara bertahap. Tahapan itu antara lain tobat, sabar, kefakiran, zuhud, tawakal, cinta dan makrifat. Setelah ketujuh tahapan itu, manusia memperoleh Ridla. Oleh karena itu seseorang yang mempelajari taawuf wajib mendidik jiwanya. Lebih dari itu juga harus mendidik akhlaknya. Menurut dia,...

TIPS MERAIH SUKSES BEBAS FINANSIAL

Tips Meraih Sukses Bebas Finansial Belum tentu orang yang sangat kaya merasakan kebebasan finansial. Bisa jadi, dia malah merasa tertekan untuk terus mengumpulkan uang demi mempertahankan gaya hidupnya. Kemudian timbul pertanyaan, apakah kebebasan finansial yang sesungguhnya? Kebebasan finansial adalah ketika Anda tahu bahwa uang yang Anda miliki cukup untuk memenuhi kebutuhan dasar. Maka dari itu melalui tulisan ini kami akan ungkapkan, Teknik Meraih Sukses Bebas Finansial yang bisa Pembaca lakukan, yaitu: 1. Pengeluaran harus lebih rendah dibanding pemasukan Jangan hidup di luar kemampuan Anda. Lazimnya, 30 persen dari penghasilan Anda harus ditabung dan sisanya dipergunakan untuk keperluan sehari-hari. Jika ini berarti Anda harus hidup sederhana, tidak mengapa.  Berutang untuk memenuhi hasrat konsumtif malah akan membebani hidup Anda, karena semua utang ataupun kredit tidak terlepas dari yang namanya bunga. 2. Milikilah rencana, dan buatlah s...

BAGAIMANA CARA MENJADI PEMIMPIN YANG DISEGANI DAN BERWIBAWA

a. Jiwa Kepemimpinan Kalau ingin menjadi seorang pemimpin yang disegani dan berwibawa, seorang pemimpin harus mempunyai  jiwa kepemimpinan. Jiwa kepemimpinan sangat diperlukan oleh seorang pemimpin karena nantinya pemimpin akan menjadi terdepan dan menjadi panutan bagi yang dipimpinnya.  Untuk itu di butuhkan jiwa kepemimpinan yang tidak perlu di ragu kan lagi kepemimpinan nya. b. Management yang handal Menguasai dan mengerti akan  management yang handal , agar dalam memimpin sudah punya konsep atau ciri khas yang baik dan tersusun. Baik management jangka pendek, jangka menengah atau jangka panjang kalau sudah tersusun secara handal dan rapi maka seorang pemimpin agan cepat berhasil.  Kalau sudah berhasil maka dengan sendirinya akan disegani dan berwibawa. c. Sopan dan santun Seorang pemimpin juga harus punya sikap  sopan dan santun  sebagai contoh bagi yang dipimpinnya.  Karena dengan sikap dan santun yang terpuji maka dengan sen...

EMPAT HAL YANG WAJIB ANDA KETAHUI DARI PELANGGAN

Bisnis pastinya akan selalu berhubungan dengan pelanggan. Apa yang bisa Anda lakukan kalau tidak ada pelanggan? Bisnis Anda bisa – bisa menutup mata alias gagal. Apakah Anda ingin seperti itu? Saya rasa Anda membangun bisnis pastinya ingin mendapat keuntungan. Berarti Anda harus mencari sebanyak – banyaknya pelanggan. Siapa yang bilang mencari pelanggan itu susah? Penduduk Indonesia saja ada jutaan penduduk, so buat apa Anda menyerah. Anda hanya perlu tahu rahasia dari pelanggan yang wajib Anda ketahui. Pertanyaan kebutuhan sebagai sebuah solusi Cara membuat hati pelanggan Anda tertarik dengan produk itu dengan pertanyaan. Apa si pelanggan tidak bosan dengan yang Anda bicarakan? Nah, daripada banyak bicara lebih baik Anda bertanya. Pertanyaannya pastinya untuk mencari tahu apa yang dibutuhkan pelanggan. Pelanggan pastinya akan membeli apa yang sedang dibutuhkan. Coba saja posisikan diri Anda sebagai pelanggan. Apakah Anda akan membeli sesuatu yang akhirnya tidak diguna...

CARA MARKETING MEMBUAT PRODUKNYA LARIS DALAM WAKTU SEKEJAP

Seorang pekerja marketing akan selalu dituntut untuk dapat mencapai target yang sudah ditentukan pimpinan sebelumnya. Oleh karena itu, cara marketing dalam bekerja sangat perlu diperhatikan. Hal ini disebabkan akan mempengaruhi hasil pemasaran. Mereka harus mempunyai strategi khusus untuk membuat produknya laris di pasaran. Semakin laris produk di pasaran, semakin besar keuntungan yang diperoleh. Hal inilah yang diinginkan setiap perusahaan. Make-Your-Sales-Promotions-EffectiveStrategi yang dapat dilakukan misalnya, melakukan promosi. Hal ini dapat dilakukan salah satunya dengan memberikan diskon pada produk tertentu. Diskon juga dapat diberikan kepada semua produk, namun ada batas waktu diskonnya. Promosi juga dapat dilakukan dengan memberikan bonus untuk setiap pembelian produk. Jumlah bonus tergantung dengan jumlah produk yang dibeli. Hal ini akan menyebabkan orang beramai-ramai membeli, sehingga produk akan terjual dalam waktu singkat. Selanjutnya, kenali produk apa yang...