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

SECARA OBYEKTIF ANDA HARUS MEMBUAT PENILAIAN DIRI SENDIRI

🔓Owner Post Published 🕕
Apabila ingin sukses dan menjadi orang nomor satu di lingkungan pekerjaan, anda harus megetahui terlebih dahulu kapabilitas dan kemampuan diri sendiri. Melalui pengetahuan terhadap kapasitas diri, anda secara otomatis dapat mengepakkan sayap karier dengan mudah. Selain hal tersebut, anda juga perlu memberikan penilain pada diri sendiri secara objektif. Penilaian diri secara objektif   tidak dapat hanya dilakukan terhadap posisi atau jabatan pekerjaan anda. Anda juga dapat melakukannya ketika melakukan evaluasi diri. Saat mengevaluasi diri sendiri, anda akan mengetahui sejauh mana kapasitas, kekurangan, dan kelebihan pada diri anda. Dengan demikian, anda dapat melakukan langkah selanjutnya untuk mengoptimalkan kelebihan serta berupaya memperbaiki kekurangan diri. Berpikir positif adalah hal yang dapat mencurahkan perhatian anda untuk berkembang. Memberikan penilaian secara objektif terhadap perilaku, kegagalan, kesuksesan, atau dampak dari pekerjaan secara tidak lan...
Posting Komentar
🔗BACA SELENGKAPNYA »

VIRAL HERCULES TAUBAT DITANGAN GUS MIFTAH

🔓Owner Post Published 🕕
Hercules (Foto: @ipangwahid) Mendengar kisah hidup seorang Hercules, memang tak pernah bosan. Terkadang terasa memilukan dengan ribuan pengalamannya di masa lalu.  Hercules bernama asli Rosario de Marshall adalah seorang gangster dan broker politik asal Indonesia yang berasal dari Timor Timur. Hercules adalah seorang portir untuk TNI-AD pada masa integrasi Timor Timur.    Namun, siapa yang menyangka, di usia senjanya Hercules belajar kepada tokoh muda Nahdlatul Ulama (NU) Miftah Maulana Habiburrahman atau Gus Miftah.   Bersama Pimpinan Pondok Pesantren Ora Aji di Sleman, Yogyakarta itu, Hercules sering terlihat bersama. Hercules memanggil Gus Miftah 'Abah'. Terbaru, Hercules terlihat mengunjungi rumah Sekretaris Jenderal PBNU Ahmad Helmy Faisal Zaini didampingi Gus Miftah, Gus Ipang (cicit KH M Hasyim Asy'ari) dan Ustadz Yusuf Mansyur.    "Tadi Abah (Gus Miftah) telepon kalau mau ke rumah Pak Sekjen. Saya tanya boleh ikut apa tidak. Dibilang boleh akhi...
Posting Komentar
🔗BACA SELENGKAPNYA »

UPAYA MERAIH KESUKSESAN PERCAYA PADA DIRI SENDIRI

🔓Owner Post Published 🕕
Sukses tidak hadir dengan berdiam diri dan sekedar menunggu. Sebaliknya, upaya menjemput kesuksesan, pengorbanan, serta kerja keras sangat ditekankan. Hal yang tidak  kalah penting dalam upaya meraih kesuksesan ialah percaya pada diri sendiri. Dalam hal ini, percaya pada diri sendiri adalah ukuran penting dalam menjalankan suatu pekerjaan. Dengan kepercayaan diri tinggi, pekerjaan yang dinilai tidak dapat dituntaskan akan mampu diselesaikan secara maksimal. Seseorang yang memiliki mental juara bukanlah sosok pasif, melainkan aktif dan memiliki rasa percaya tinggi. Rasa percaya diri di dalam diri seseorang akan menuntunnya kearah pencapaian kinerja yang baik sehingga kariernya pun meningkat. Bahkan, menumbuhkan kepercayaan diri akan menambah kekuatan di alam pikiran. Kesadaran terhadap pentingnya kepercayaan diri ini akan menopang terciptanya kondisi mental yang kuat. Ada beberapa kiat praktis untuk menumbuhkan kepercayaan diri anda : Pertama , yakin dengan kemampuan diri s...
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 »

WALI JADZAB DAN CIRI-CIRINYA

🔓Owner Post Published 🕕
Jadzab terjadi saat wali Allah "lepas" dalam kapasitasnya sebagai manusia karena tampak secara jelas padanya sifat-sifat Allah (tajalli). Meyakini adanya manusia pilihan yang menjadi kekasih Allah adalah salah satu ajaran dalam agama Islam.  Kekasih Allah atau yang biasa dikenal dengan waliyullah adalah orang-orang terpilih yang memiliki kedekatan secara khusus dengan Allah subhanahu wata’ala. Mengenai waliyullah ini, Al-Qur’an menjelaskan:   أَلَآ إِنَّ أَوْلِيَآءَ ٱللَّهِ لَا خَوْفٌ عَلَيْهِمْ وَلَا هُمْ يَحْزَنُونَ “Ingatlah, sesungguhnya wali- wali Allah itu, tidak ada kekhawatiran terhadap mereka dan tidak (pula) mereka bersedih hati” (QS. Yunus: 62).    Waliyullah secara umum terdiri dari berbagai macam kategori. Mulai dari wali abdal, wali autad, wali nuqaba’, wali nujaba’, sampai wali qutb al-aqthab. Para waliyullah ini mengemban berbagai macam tugas masing-masing serta diberi keistimewaan oleh Allah dengan memiliki karamah yang berbeda-beda (Syekh Dli...
Posting Komentar
🔗BACA SELENGKAPNYA »