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

Gambar
🔓Owner Post Published 🕕
HOME GOOGLE 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

Posting Komentar

SILAKAN KOMENTAR SESUAI TOPIK.....

POPULAR POST

RAHASIA BISNIS MODAL KECIL UNTUNG BESAR

🔓Owner Post Published 🕕
Syarat untuk merintis sebuah bisnis ialah ketersediaan modal. Tidak sebatas pada dana saja tetapi dalam arti yang lebih luas. Pengelola harus menyiapkan gagasan sebagai konsep usaha yang hendak dirintis. Menuangkannya secara tertulis ke bentuk makalah yang dikenal dengan sebutan business plan. Makalah itulah yang nantinya akan dipakai guna mencari tambahan dana modal dan mitra kerja. Secara nalar, perolehan keuntungan sebanding dengan modal awal yang diinvestasikan. Ini memang harus terjadi karena jika penghasilan kecil itu artinya bisnis Anda mengalami kerugian. Pebisnis yang hebat ialah seseorang yang mampu mendapatkan untung besar dari Bisnis Modal Kecil, berikut strateginya. 1. Ubah hobi jadi profesi Hobi merupakan kegiatan yang dilakukan tanpa beban apapun,seringkali justru dijadikan sebagai penghilang kejenuhan. Setiap orang pasti memiliki hobi yang berbeda-beda. Pernahkah Anda berpikir menjadikannya untuk menambah pundi-pundi rupiah?. Jadi dua hal yang bisa dipero...
Posting Komentar
🔗BACA SELENGKAPNYA »

LANGKAH MEMBANGUN BISNIS YANG HARUS ANDA LEWATI

🔓Owner Post Published 🕕
Setiap hal di dunia ini selalu ada tingkatannya. Saat Anda sekolah pasti ada tingkatannya bukan? Dimulai dari TK, sekolah dasar, sekolah menengah pertama, dan sekolah menengah atas sampai keperguruan tinggi. Semuanya pasti Anda lalui secara berurut. Apa dari Anda ada yang tiba – tiba masuk perguruan tinggi tanpa sekolah sebelumnya? Pastinya Anda akan mengikuti perjalanan panjang studi Anda meskipun Anda anak terpandai yang selalu loncat kelas. Tentunya Anda loncat kelas setelah menyelesaikan test ditingkatan yang Anda lewati. Mungkin mudah untuk Anda tetapi proses tetap saja proses. Sambil Anda melanjutkan pendidikan mungkin ada diantara kalian yang mulai berbisnis. Mungkin juga Anda sekarang adalah pengusaha handal. Kalau begitu sih Anda pasti sudah melewati tangga bisnis. ternyata bisnis juga punya tangga yang perlu Anda naiki. 1. Starting Bersedia, Siap, Mulai ! Ya, itu kalau Anda pelari. Sayangnya Anda ini pengusaha. Jadi, tahapan starting yang perlu Anda lewati ...
Posting Komentar
🔗BACA SELENGKAPNYA »

USAHA BUDI DAYA UDANG GALAH DENGAN AIR TAWAR

🔓Owner Post Published 🕕
Usaha Budi daya Udang Galah Dengan Air Tawar. Udang galah atau dalam bahasa latinnya disebut Macrobrachium rosenbergii de man merupakan komoditas perikanan air tawar dan menjadi salah satu kekayaan alam Negara Indonesia. Jenis udang air tawar yang sering disebut udang galah ini memang mempunyai potensi cukup besar sehingga bisa menghasilkan keuntungan yang berlipat.  Selain udang galah memiliki ukuran terbesar jika dibandingkan dengan jenis udang air tawar lainnya, udang jenis ini juga memiliki nilai ekonomis penting karena udang galah memiliki banyak penggemar baik dalam negeri maupun luar negeri seperti Jepang dan beberapa di Eropa. Oleh sebab itulah udang galah menjadi salah satu andalan komoditas ekspor.  Konsumen Semua orang membutuhkan protein hewani untuk memenuhi kebutuhan tubuhnya, udang galah menjadi salah satu sumber protein hewani yang banyak digemari oleh para konsumen. Namun harga udang galah memang cukup tinggi, sehingga membuat jenis udang yang ...
Posting Komentar
🔗BACA SELENGKAPNYA »

MEMBUKA LOWONGAN TENAGA PEMASAR UNTUK MELESATNYA BISNIS

🔓Owner Post Published 🕕
Membuka Lowongan Sales untuk Perkembangan Bisnis Bisnis yang telah matang direncanakan dan siap untuk menapaki jalur riil pasti membutukan tenaga pemasar. Kemapanan bisnis ditunjukkan dengan banyaknya masyarakat yang memanfaatkan produk keluaran perusahaan. Bukalah lowongan sales setelah proses produksi hampir rampung digarap. Berikan pelatihan terhadap mereka terkait segala sesuatu yang berkaitan dengan produk. Definisi sales ialah seseorang yang bertugas untuk menawarkan produk kepada calon pembeli di dalam rantai penjualan. Materi mengenai produk saat proses pelatihan wajib dikuasai sebelum berinteraksi secara langsung dengan masyarakat. Perkembangan bisnis bertumpu pada kinerja sales. Banyak produk yang terjual merupakan tanggungjawab yang diemban. Bila bisnis tengah lesu, perbanyak promosi secara langsung ke lapangan. Tentukan titik-titik tertentu yang memiliki peluang besar untuk memasarkan produk. Rekrut pekerja pada lowongan sales dalam jumlah banyak. Tekan biaya p...
Posting Komentar
🔗BACA SELENGKAPNYA »

MERENCANAKAN KEUANGAN MASA PENSIUN DILENGKAPI FAKTA DAN TIPS

🔓Owner Post Published 🕕
Aman secara financial selepas pensiun bukanlah hal yang terjadi tiba-tiba. Setelah mengharapkan program pensiun dari tempat kerja, dibutuhkan banyak perencanaan, waktu, dan upaya penghematan. Bagi mereka yang berstatus   karyawan terutama bagi yang purna tugas sering muncul pertanyaan mengenai hal-hal yang berkaitan dengan pensiun. Apakah kita sudah siap apabila masa pensiun tiba ? Apakah kita telah mempersiapkan dana pensiun selain sejumlah dana yang akan kita terima dari tempat bekerja ? Berapa banyak teman kantor kita yang kurang respon kalau masa pensiun mereka hanya tinggal beberapa tahun lagi atau hitungan bulanan? FAKTA DAN TIPS Didalam dunia tenaga kerja alias karyawan, ada sejumlah fakta yang dapat kita temui. Pertama, lebih dari 50 persen orang tidak memiliki kekuatan financial yang cukup untu pensiun. Kedua, sekitar 25 prosen orang tidak berpartipasi dalam program pensiun perusahaan mereka. Dan fakta terakhir rata-rata orang menghabiskan 20 tahun masa pensiun....
Posting Komentar
🔗BACA SELENGKAPNYA »