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

EMPAT BELAS CARA MENJADI ATASAN YANG BERWIBAWA DAN DISUKAI BAWAHAN

🔓Owner Post Published 🕕
Datang tepat waktu. Sebagai atasan, Anda wajib datang tepat waktu terlepas dari sibuk tidaknya Anda dengan urusan nonpekerjaan (lihat 7 tips agar datang tepat waktu). Bila Anda datang tdak tepat waktu, bawahan Anda akan tidak respek kepada Anda karena beralasan mereka juga bisa datang terlambat karena Anda sebagai atasannya biasa terlambat masuk kerja. Reward vs Punishment. Banyak kekecewaan bawahan kepada atasannya karena penilaian atasan yang tidak adil. Misal, Anda memberi penilaian keinerja yang sama antara bawahan yang rajin dengan yang malas. Ini biasanya memberikan demotivasi bagi bawahan yang rajin bekerja karena mereka merasa sia-sia bekerja rajin. Untuk memotivasi bawahan, Anda harus menerapkan reward and punishment. Sebagi contoh, beerilah penilaian yang lebih (reward) kepada bawahan yang rajin bekerja daripada bawahan yang malas bekerja (punishment). Dengan demikian, bawahan yang rajin dan malas akan tahu penyebab mereka mendapat kenaikan gaji sebesar itu. Diharapkan, ...
Posting Komentar
🔗BACA SELENGKAPNYA »

ABDULLAH AL MUBARAK : ANTARA CINTA ASMARA DAN CINTA ALLAH

🔓Owner Post Published 🕕
Abdullah Al-Mubarak : Antara Cinta Asmara dan Cinta Allah Sejak muda ia sudah bertobat dan mendapat pencerahan cahaya Ilahiah. Wali yang doanya makbul ini juga dikenal sebagai ahli hadits dan hartawan yang dermawan. Suatu hari, anak muda itu tergila-gila kepada seorang gadis. Iapun terus menerus dirundung gundah gulana yang sangat dalam. Ia memuja dan mendambakan kekasih hatinya. Setiap detik selalu teringat si jantung hati. Suatu malam, di musim dingin, ia berdiri di bawah jendela kamar sang kekasih, menunggu sang pujaan. Ia rela berlama-lama di situ sekedar untuk menatapnya walau hanya sekejap. Butiran-butiran salju yang membasahi bajunya tak membuatnya gentar, ia tetap saja termangu sepanjang malam, menunggu si pujaan hati menampakkan parasnya. Sesaat terdengar alunan azan yang memecah keheningan hari yang beranjak menjadi malam. Dingin dan senyap. Tapi justru saat itulah cintanya melampaui ruang dan waktu. Mengalahkan dinginnya malam. Tak terasa ia sudah berjam-jam te...
Posting Komentar
🔗BACA SELENGKAPNYA »

CIRI CIRI KONFLIK MASYARAKAT

🔓Owner Post Published 🕕
Konflik berasal dari kata kerja Latin configere yang berarti saling memukul. Secara sosiologis, konflik diartikan sebagai suatu proses sosial antara dua orang atau lebih (bisa juga kelompok) dimana salah satu pihak berusaha menyingkirkan pihak lain dengan menghancurkannya atau membuatnya  tidak berdaya. Konflik dilatarbelakangi oleh perbedaan ciri-ciri yang dibawa individu  dalam suatu interaksi. perbedaan-perbedaan tersebut diantaranya adalah  menyangkut ciri fisik, kepandaian, pengetahuan, adat istiadat, keyakinan,  dan lain sebagainya. Baca juga  aktor-faktor-terjadinya-konflik-sosial Dengan dibawasertanya ciri-ciri individual dalam interaksi sosial, konflik merupakan situasi yang wajar dalam setiap masyarakat dan tidak satu masyarakat pun yang tidak pernah mengalami  konflik antar anggotanya atau dengan kelompok masyarakat lainnya, konflik hanya akan hilang bersamaan dengan hilangnya masyarakat itu sendiri. Konflik bertentangan dengan inte...
Posting Komentar
🔗BACA SELENGKAPNYA »

DELAPAN INDIKATOR BLOG DIANGGAP SPAM DAN DIHAPUS OLEH GOOGLE

🔓Owner Post Published 🕕
Untuk situs berita dan belanja otomotif, lihat Weblogs, Inc. Untuk spamming yang dilakukan melalui komentar di blog yang sah, lihat Spam di blog. Blog spam, juga dikenal sebagai blog otomatis atau splog neologisme, adalah blog yang penulis gunakan untuk mempromosikan situs web terafiliasi, untuk meningkatkan peringkat mesin telusur dari situs terkait, atau sekadar menjual tautan/iklan. Tujuan dari splog bisa untuk meningkatkan PageRank atau portofolio backlink situs afiliasi, untuk meningkatkan tayangan iklan berbayar dari pengunjung (lihat blog dibuat untuk AdSense atau MFA), dan/atau menggunakan blog sebagai outlet tautan untuk menjual tautan atau membuat situs baru diindeks. Blog spam biasanya merupakan jenis situs pengikis, di mana konten sering berupa teks yang tidak asli atau hanya dicuri (lihat pengikisan blog) dari situs web lain. Blog-blog ini biasanya berisi sejumlah besar tautan ke situs-situs yang terkait dengan pembuat splog yang sering kali merupakan situs web yang tidak ...
Posting Komentar
🔗BACA SELENGKAPNYA »

EMPAT CARA MENINGKATKAN TRAFFIC BLOG

🔓Owner Post Published 🕕
Sekarang ini, internet menjadi sangat canggih dan mampu membuat banyak orang tertarik untuk berkarya di dalamnya. Salah satu hal yang sedang populer sekarang ini adalah blog. Namun, masih banyak orang yang tidak tahu apa yang perlu dipersiapkan dan diketahui sebelum membuat blog. Padahal, dibutuhkan berbagai persiapan terlebih dahulu agar blog Anda bisa lebih sukses nantinya. Blog tidak hanya digunakan untuk berjualan saja. Beberapa orang memanfaatkan blog untuk bercerita tentang pengalaman. Club bisa digunakan untuk berbagai macam tujuan. Karena itulah, penting halnya untuk mengetahui hal-hal yang perlu dipersiapkan ketika Anda akan membuka blog. Berikut ini adalah hal yang perlu diperhatikan ketika Anda akan memulai blog, seperti yang dilansir dari technology world. 1. Memilih template yang tepat Hal pertama yang perlu diperhatikan ketika Anda akan membuat blog adalah memilih template yang tepat. Ketika Anda akan membuat blog, pastikan template yang akan digunakan nan...
Posting Komentar
🔗BACA SELENGKAPNYA »