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

DAGING- DAGING

🔓Owner Post Published 🕕
Sepuluh (10) ribu tahun silam, manusia mulai mendomestikasi hewan dan tumbuhan. Hewan-hewan liar ditangkap, dilatih, dirawat, dan dikembangbiakkan. Manusia tak perlu lagi berburu untuk memakan daging.  Manusia adalah spesies luar biasa. Ia tak hanya unggul dibanding hewan-hewan lain, tapi juga menaklukkan, mengatur, dan menentukan nasib alam raya. Alam menyediakan tanah, manusia menyulapnya menjadi gerabah. Alam menyediakan logam, manusia mengubahnya menjadi roket dan pesawat terbang. Manusia terus berinovasi, mencari solusi untuk mengatasi keterbatasannya. Industri hewan mencapai titik jenuh yang membahayakan manusia. Hewan ternak menyumbang 15% dari pemanasan global. Belum lagi perilaku manusia yang brutal dalam memperlakukan hewan. Manusia membutuhkan jutaan ton daging setiap hari, yang diperoleh dengan cara membantai ribuan sapi, kambing, ayam, dan hewan ternak lainnya. Sebelum dibantai, mereka digemukkan dengan cara-cara yang tak etis dan berbahaya bagi kesehatan manusia. Untu...
Posting Komentar
🔗BACA SELENGKAPNYA »

SALAH PILIH

🔓Owner Post Published 🕕
Tak ada model negara Islam yang berhasil. Ketika sukses meruntuhkan rezim Pahlevi pada 1979, rakyat Iran memilih Islam sebagai dasar negara. Mereka mengganti bentuk negara yang semula kerajaan menjadi republik. Republik Islam Iran namanya. Tapi, setelah 40 tahun menjalaninya, terbukti bahwa pilihan ideologi Islam itu salah. Bukannya menjadi negara maju dan makmur, Iran malah menjadi negara yang dibenci dan dimusuhi banyak orang. Kini, negara itu bukan hanya dimusuhi negara lain, tapi juga dibenci rakyatnya sendiri. Gelombang protes terus membesar. Sudah lebih dari 50 orang tewas. Mereka bukan sekadar protes terhadap aturan jilbab, tapi juga meneriakkan kecaman pada rezim: "Mampuslah diktator!" Rakyat Iran sudah muak dengan perilaku rezim Islam yang tak memberikan kebahagiaan. Tapi, justru menghadirkan malapetaka bagi mereka. Baca Juga :  Satu-juta-tahun Iran adalah contoh negara Islam yang gagal. Seperti juga negara-negara Islam lain, Iran tak mampu menghadirkan apa yang mere...
Posting Komentar
🔗BACA SELENGKAPNYA »

SATU JUTA TAHUN

🔓Owner Post Published 🕕
Kalau Anda berlangganan Disney Hotstar, tontonlah Year Million, sebuah fim dokumenter tentang kehidupan manusia sejuta tahun ke depan. Istilah "year million" bukan benar-benar berarti satu juta tahun dari sekarang. Ini hanyalah sebuah istilah untuk merujuk masa depan yang telah berubah secara radikal, masa depan ketika manusia, homo sapiens, sudah bertransformasi menjadi transhuman, manusia robot . Ia bisa saja terjadi lebih cepat dari itu. Bisa 1000 tahun lagi, bisa 500 tahun lagi, atau mungkin juga 100 tahun lagi. Intinya, perubahan ke arah itu adalah sebuah kepastian. Manusia akan hidup dengan cara yang tak lagi sama.  Pada episode pertama, Sapiens 2.0, sepasang suami-isteri kehilangan anaknya dalam sebuah kecelakaan mobil. Lalu, sebuah piranti terbang, meminta persetujuan agar ia mendownload seluruh memori pada otak anaknya yang telah meninggal. Setelah disetujui, otak anak didownload, dan dalam 72 jam kemudian, sang anak kembali pulih dalam bentuk robot yang memiliki sem...
Posting Komentar
🔗BACA SELENGKAPNYA »

BAGAIMANA CARA AGAR BLOG KITA MUNCUL DIGOOGLE?

🔓Owner Post Published 🕕
Setelah memiliki blog, maka selanjutnya yang perlu Anda pikirkan adalah bagaimana cara menampilkan Blogspot di Google. Memiliki blog dan konten belum berarti Anda telah berhasil mempromosikan brand awareness terhadap masyarakat luas. Nyatanya, 75% orang hanya akan masuk ke website yang berada pada halaman pertama hasil pencarian. Untuk dapat menampilkan blog Anda di halaman utama hasil pencarian, Anda dapat mencoba beberapa tips ini: Optimasi Link Off Pasar Banyak sekali pakar SEO setuju bahwa 80% efektivitas dari kampanye SEO adalah kontribusi dari teknik yang dibangun dari link off page. Kunci utama dalam optimasi link off page adalah backlink. Backlink sangat penting karena berlaku seperti voting untuk website Anda dan memberitahu mesin pencari bahwa website lain menyukai informasi dari website Anda. Semakin banyak web yang memiliki link atau voting ke web Anda, semakin tinggi peringkat web Anda muncul dalam halaman utama hasil pencarian. Analisis Persaingan Pasar Untuk menyamakan p...
Posting Komentar
🔗BACA SELENGKAPNYA »

Privacy Policy

🔓Owner Post Published 🕕
Kebijakan Privasi SUARA HARIAN OTO BEMO BERODA TIGA Di SUARA HARIAN OTO BEMO BERODA TIGA, dapat diakses dari https://otobemoberodatiga.blogspot.com, salah satu prioritas utama kami adalah privasi pengunjung kami. Dokumen Kebijakan Privasi ini berisi jenis informasi yang dikumpulkan dan dicatat oleh SUARA HARIAN OTO BEMO BERODA TIGA dan bagaimana kami menggunakannya. Jika Anda memiliki pertanyaan tambahan atau memerlukan informasi lebih lanjut tentang Kebijakan Privasi kami, jangan ragu untuk menghubungi kami. File Log SUARA HARIAN OTO BEMO BERODA TIGA mengikuti prosedur standar menggunakan file log. File-file ini mencatat pengunjung ketika mereka mengunjungi situs web. Semua perusahaan hosting melakukan ini dan merupakan bagian dari analisis layanan hosting. Informasi yang dikumpulkan oleh file log termasuk alamat protokol internet (IP), jenis browser, Penyedia Layanan Internet (ISP), cap tanggal dan waktu, halaman rujukan/keluar, dan mungkin jumlah klik. Ini tidak terkait dengan infor...
Posting Komentar
🔗BACA SELENGKAPNYA »