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

PDAM KOTA PONTIANAK DIKUNJUNGI BAPAK DIRJEN PU CIPTA KARYA

BAPAK DIRJEN PU CIPTA KARYA : BUDI YUWONO (Berdiri Posisi Tengah) Jumat 7 Februari 2009 Kunjungan bapak Dirjen PU Cipta Karya di PDAM Kota Pontianak tidak lain melihat kondisi PDAM Kota Pontianak lebih dekat, sebab kantor PDAM Kota beralamat di Jalan Imam Bonjol No 430 Pontianak, sebelumnya dibangun kantor PDAM dulu kantor PSAB tempat beliau bekerja sebagai pejabat struktur di PSAB tahun delapan puluhan, jadi pak Dirjen mendatangi hanya PDAM hanya reuni dan kata pepatah kuno apabila sudah minum air sungai kapuas maka pasti kembali. Selain itu kunjungan Pak Dirjen tak lepas melihat kesiapan PDAM Kota Pontianak mendapat bantuan Pemerintah Pusat melalui APBN senilai 50 Milyar berupa pipa transmisi air baku. Pak Dirjen PU Cipta Karya ; Budi Yuwono sedikit memberikan arahan kepada Direksi PDAM Kota Pontianak, katanya PDAM Kota Pontianak jangan pandai naik tariff saja yang lebih penting turun NRW atau kehilangan air PDAM baik secara komersial losses maupun fisikal losses dan coba liha...

TUJUH HAL YANG LEBIH BESAR DARI UANG

7 Hal yang Lebih Besar dari Uang !! Selama saya menjadi seorang pelatih bisnis, uang adalah faktor penting yang memungkinkan bisnis bergerak maju. Bahkan, banyak teman-teman yang merasa, uang adalah satu-satunya faktor penghambat, untuk membangun sebuah bisnis. “If you can’t, then you MUST, If you MUST, You CAN !” Sayangnya, uang bukan satu-satunya yang bisa membuat Anda sukses berbisnis. Ada 7 hal yang menurut saya lebih besar dan lebih hebat lagi dari uang. Ini adalah list hal-hal yang penting, jangan biarkan berlalu tanpa dikapitalisasi. 1. Waktu lebih Mahal dari Uang Jika Anda kehilangan uang, pasti Anda punya cara untuk menggantikannya. Waktu begitu hilang, langsung hilang selamanya. Dengan waktu Anda bisa menciptakan nilai (manfaat), nilai yang diakumulasi untuk jangka waktu yang lama, tidak ternilai harganya. Waktu yang diinvestasikan dengan baik, bisa membawa keajaiban. 2. Berani Kemarahan akan Kemiskinan Anthony Robbins, Seorang penulis buku, motivator...

MENGAPA DILUAR ITU SEO HANYA OMONG KOSONG?

Diluar yang saya sebutkan diatas itu SEO adalah omong kosong, HOAX bin ngibul karena alasanya: SEO itu hanya omong kosong jika merujuk kepada Stockholm Syndrom. Apa blog kecil sobat butuh laporan bulanan, memiliki klien bisnis. Apakah mereka menanggapi dan mengirimkan laporan mereka. Bisnis apa yang sobat miliki dengan paperwork yang juga bakal menelan beaya? Apakah sobat pikir blog sobat terlihat hebat dengan menyembunyikanya dibalik tempilan template? Sobat kira orang tidak bisa membaca kondisi "kemiskinan" blog sobat dengan mudah melalui inspect elemen? SEO itu hanya omong kosong kalau sobat bukan bagian dari lingkaran daripada kalangan pemasaran suatu bisnis. Kalau sobat tidak pergi ke pesta bersama mereka. Kalau sobat cuma ngeblog seorang diri, sekali lagi apa bisnis sobat? Apa itu SEO bagi website atau blog sobat?  SEO itu benar benar omong kosong kalau website sobat adalah maaf, website miskin, pengunjungnya masih 3 ribuan perhari. Apakah sobat telah membayar jasa jasa...

TIGA CARA PEMIMPIN YANG DISEGANI

Halo Leaders! Menjadi leader membuat Anda memiliki otoritas dan kekuasaan. Yang membedakan antara good leader dengan bad leader adalah bagaimana Anda menggunakan otoritas dan kekuasaan tersebut. Good leader yaitu Anda, tidak akan menggunakannya untuk mengintimidasi dan membuat ketakutan dalam mengelola tim. Bad leader mengintimidasi dan membuat ketakukan, mengutip kalimat gurunda kek Jamil Azzaini ; bad leader kerjanya cuma dua ‘ah’. ‘ah’ pertama yaitu perintah dan ‘ah’ kedua marah, leader yang kerjanya cuma perintah-perintah jika tidak ada lagi yang diperintah ia marah-marah, hal itu ia lakukan karena tidak memiliki ‘ah’ yang namanya Kafa’ah (kemampuan). Banyak leader tidak tahu bahwa sikap mereka akan menjadi standar bagaimana staf memperlakukan staf lain dan konsumen. Bagaimana agar Anda dapat menularkan sikap yang baik kepada staf dan akhirnya sikap positif akan berdampak pada pelayanan kepada konsumen? Biasakan melakukan “3 Jangan” : 1. Jangan menginti...

LIMA LANGKAH PENTING AGAR BISNIS ANDA MELEJIT SEJAK AWAL BUKA

Anda ingin mendapatkan uang tapi masih bingung mencari kerja? Anda bisa menghasilkan uang dengan membuka usaha sendiri. Itu lebih baik daripada harus bersusah payah mencari pekerjaan, apalagi keahlian khusus tidak punya. Nah, Anda dapat memanfaatkan peluang usaha sendiri. Anda tidak perlu jadi bawahan karena Anda disini sebagai bos. Waktu kerja yang Anda miliki juga lebih fleksibel. Soal keuntungan tidak usah ditanya apalagi kalau bisnis Anda sudah tergolong besar. Sebagai bos pastinya tanggung jawab Anda lebih besar dari jabatan seorang karyawan. Saya akan bagikan tips soal langkah – langkah sebelum membuka usaha sendiri. 1. Menganalisis jenis usaha terkait Anda harus sudah tahu pasti jenis usaha yang akan Anda jalankan. Pastinya dalam memilih usaha lebih baik itu yang sesuai dengan minat Anda. Pastinya keahlian dan pengalaman Anda akan mendukung bisnis Anda berjalan dengan baik nantinya. Apakah Anda ada masalah untuk mengetahui potensi Anda? Kalau terjadi seperti ...