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

BERPIKIRAN TERBUKA DAPAT MENGEVALUASI DIRI

🔓Owner Post Published 🕕
Pikiran terbuka menjadi jalan untuk dapat mengevaluasi diri sendiri. Melalui pikiran terbuka, anda mampu untuk menilai diri secara objektif. Pikiran terbuka tidak hanya mampu membuat orang lain sekitar anda bertahan dan merasa nyaman. Sebab, pikiran terbuka juga mendatangkan kebaikan bagi anda di masa mendatang. Berpikiran terbuka termasuk salah satu karakter wirausahawan sukses. Dengan mengembangkan pikiran terbuka, anda dapat mengambil hal positif yang berada di luar diri sendiri. Jika terbiasa berpikir positif, anda akan selalu melihat peluang di setiap kesempatan hidup. Seorang pekerja yang berorientasi sukses akan selalu memiliki pikiran terbuka untuk memunculkan ide-ide kreatif, aplikatif, serta penuh solusi. Berpikir terbuka pada hakikatnya sama dengan berpikir positif. Secara definitif, berfikir terbuka atau open minded  ialah memiliki kemampuan untuk menerima hal atau ide baru dan berbeda dari orang lain. Meskipun gagasan orang lain tampak buruk, dengan pikiran...
Posting Komentar
🔗BACA SELENGKAPNYA »

JANGANLAH JADI MANUSIA BODOH DAN MERUGI DENGAN SITUASI POLITIK

🔓Owner Post Published 🕕
Mengingatkan untuk NOW ALL Diri sendiri dan juga Sobat-sobat, Sahabat-sahabat, Saudara-saudara kita.  Demi menjaga Tali Silaturahmi.  Saling menghargai, Saling menghormati  yang terjaga dengan baik. Mulai hari ini Nuansa Pilpres 2019 sudah mulai menggeliat. Baik di Facebook, IG, Path, Group WhatsApp, Twitter dan lain-lain. Tentunya masing-masing sudah punya pilihan untuk Pilpres 2019 untuk Indonesia yang lebih baik. Tingkatkan rasa menghargai dan menghormati yang menjadi pilihan Sahabat-sahabat, Saudara-saudara dan dilingkungan Keluarga kita. Jangan Pilpres ini hanya menjadi : - Ajang Saling Hujat ; - Ajang Saling Jago ; - Merasa paling Benar ; - Merasa paling Baik dan ; - Merasa paling pintar. Karena kita semua hanyalah Rakyat biasa Yang sudah Tua, yang hanya akan  menjadi Korban Politik, Korban Kepentingan Pribadi Dalam Ajang Pilpres. Siapapun Presiden dan Wakilnya untuk kita yang rakyat biasa maka tetap akan menjadi diri kita seperti saat ini, misalnya : Yang P...
Posting Komentar
🔗BACA SELENGKAPNYA »

SOLUSI HARAPAN AGAR TIDAK PUTUS ASA

🔓Owner Post Published 🕕
Sebagai catatan, apabila harapan anda sudah hilang dan berganti keputusasaan maka hal itu akan berdampak negatif. Di antara dampak-dampak tersebut ialah hilangnya semangat menjalankan usaha; penurunan produktivitas kerja; menghilangkan kepercayaan diri; berkurangnya tingkat kepercayaan dari rekan-rekan kerja, pelanggan, pemasok, dan kreditor; serta ketidakpastian kelangsungan usaha yang sedang dijalankan. Cara mengatasi situasi keputus-asaan ialah menumbuh kembangkan keyakinan, kepercayaan diri, serta antusiasme. Selain itu, ketabahan harus dijaga agar tetap kuat dalam menghadapi cobaan dan kesulitan hidup. Kualitas sumber daya manusia juga harus ditingkatkan dengan cara memperbaiki diri sendiri sehingga asa tetap terjaga dengan baik. Putus asa adalah menurunnya mood dan hilangnya semangat dan motivasi hidup yang disebabkan oleh suatu peristiwa maupun tidak tercapainya suatu keinginan. Putus asa bersumber dari depresi dan frustrasi yang seringkali dialami seseorang dalam kehid...
Posting Komentar
🔗BACA SELENGKAPNYA »

DIDALAM AJARAN TASAWUF QALBU RUHANI SERING DISEBUT DENGAN "HATI NURANI"

🔓Owner Post Published 🕕
Ada yang bertanya tentang Hati dan seperti apa bentuknya? Pertanyaannya : Apakah hati itu bisa berfikir? Bukankah fikiran itu asalnya dari otak. Dan pertanyaannya ini jadi bahan olokan bagi orang atheis, bahwa orang yang percaya dengan Tuhan itu tidak menggunakan akalnya (Otaknya) dan hanya mengimani kata kata nabinya begitu saja. Sesungguhnya ajaran agama dan sains (ilmu pengetahuan) itu saling menguatkan dan tidak berseberangan. Saat proses penciptaan manusia di alam rahim organ yang pertama kali hidup adalah jantung, dan saat ajal kematian tiba, organ yang pertama kali mati adalah jantung pula. Artinya apa? Otakmu itu takkan berfungsi jika jantungmu mati, otakmu itu bisa berfikir jika jantungmu masih berfungsi. Didalam tharekat sufi diajarkan tentang dzikir nafas, naik turunnya nafas dengan lafadz dzikir yang berfungsi membersihkan hati. Hati yang mana yang dimaksud? Di dalam ajaran agama islam. Qolbu itu letaknya di dalam dada yang kebanyakan u...
Posting Komentar
🔗BACA SELENGKAPNYA »

MEMBANGUN KOMUNIKASI MULTI DEMENSI YANG BAIK

🔓Owner Post Published 🕕
Komunikasi merupa-kan elemen vital dalam berinteraksi dengan orang lain, baik dalam pekerjaan maupun urusan lain-nya. Berkomunikasi secara baik bukan be r arti harus menjadi komunikator seperti halnya seorang orator ulung atau juru debat yang fasih. Anda cukup menjadi seseorang yang pandai membawa diri dan berkomunikasi dengan siapa pun sesuai kepentingan dan kondisi lawan bicara. Tentunya patut disadari cara anda berkomunikasi dengan penjual makanan dipinggir jalan berbeda dengan terhadap atasan di tempat kerja atau contoh lain komunikasi yang anda bangun diwarung kopi tentu jauh berbeda dengan pola yang patut diterapkan saat melakukan presentasi pekerjaan. Jadi, membangun komunikasi yang baik dan tepat sasaran merupakan salah satu dasar anda dapat dipercaya oleh rekan kerja. Tidak sedikit kalangan ahli yang merumuskan makna komunikasi.Sebagai   bagian dari sejarah umat manusia, komunikasi memiliki peran penting dalam membangun peradaban. Secara harfiah, komun...
Posting Komentar
🔗BACA SELENGKAPNYA »