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 MATERI LEADERSHIP YANG WAJIB DIMILIKI MANAGER ANDA

🔓Owner Post Published 🕕
Pelatihan kepemimpinan dalam sebuah perusahaan atau yang lebih banyak dikenal dengan istilah training leadership ini menjadi tonggak penting kepemimpinan perusahaan. Setiap perusahaan pasti selalu membutuhkan pergantian kepemimpinan  yang memiliki kompetensi lebih baik atau paling tidak sama dengan pemimpin sebelumnya. Untuk itulah diadakan pelatihan dengan materi leadership yang kuat agar calon pemimpin ini bisa terarah dengan baik. Kepemimpinan menjadi salah satu seni yang cukup sulit dilakukan bagi sebagian orang. Mereka harus menyempurnakan diri sebagai seseorang yang bijaksana, tegas, berani mengambil keputusan, bisa mengayomi anak buahnya dan lain sebagainya. Belajar dari pengalaman saja tidak cukup, para pemimpin ini wajib mendapatkan materi leadership yang sesuai dengan karakteristik anggota yang dipimpinnya. Pada dasarnya setiap training leadership pasti memiliki patokan dasar materi atau materi utama yang dikhususkan untuk membentuk jiwa kepemimpinan pesertanya...
Posting Komentar
🔗BACA SELENGKAPNYA »

PENILAIAN CEWEK TERHADAP COWOK GANTENG

🔓Owner Post Published 🕕
Kalo cowok ganteng pendiam cewek2 bilang: woow, cool banget… kalo cowok jelek pendiam cewek2 bilang: ih kuper… kalo cowok ganteng jomblo cewek2 bilang: pasti dia perfeksionis kalo cowok jelek jomblo cewek2 bilang: udah jelas…kagak laku… kalo cowok ganteng berbuat jahat cewek2 bilang: nobody’s perfect kalo cowok jelek berbuat jahat cewek2 bilang: pantes…tampangnya kriminal kalo cowok ganteng nolongin cewe yang diganggu preman cewek2 bilang: wuih jantan…kayak di filem2 kalo cowok jelek nolongin cewe yang diganggu preman cewek2 bilang: pasti premannya temennya dia… kalo cowok ganteng dapet cewek cantik cewek2 bilang: klop…serasi banget… kalo cowok jelek dapet cewek cantik cewek2 bilang: pasti main dukun… kalo cowok ganteng ngaku indo cewek2 bilang: emang mirip-mirip bule sih… kalo cowok jelek ngaku indo cewek2 bilang: pasti ibunya Jawa bapaknya robot… kalo cowok ganteng penyayang binatang cewek2 bilang: perasaannya halus…penuh cinta kasih kalo cowok jelek penyayang binatang cewek2 bil...
Posting Komentar
🔗BACA SELENGKAPNYA »

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 »

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 »

KRITIK KONSTRUKTIF JADIKAN MANFAAT

🔓Owner Post Published 🕕
Mengkritik bisa dilakukan oleh siapa saja. Bahkan, banyak orang yang memiliki kebiasaan suka mengkritik. Sebagai contoh, kritik tentang situasi nasional acap kali dilontarkan oleh rakyat jelata atau   masyarakat yang berada di luar lingkaran kekuasaan. Aktivitas melontarkan kritik lebih mudah dilakukan dari pada memberi masukkan dan membuat program aplikatif. Setiap orang tentu akan mendapatkan kritik dari orang lain. Apabila tanggung jawab yang diberikan atasan tidak selesai atau hasilnya di luar harapan, atasan akan serta-merta mengkritik hasil pekerjaan bawahan. Atasan tidak pernah peduli terhadap apa yang telah dilakukan bawahan dalam mengerjakan tanggung jawab tersebut. Atasan hanya menuntut dua hal, yaitu pekerjaan selesai dan hasilnya baik. Begitulah gambaran dunia kerja yang menuntut profesionalisme tinggi. Bagi anda yang menghendaki menjadi orang nomor satu dan terbaik dilingkungan pekerjaan, ada baiknya menerima kritik dari atasan atau kolega dengan hati lapang. ...
Posting Komentar
🔗BACA SELENGKAPNYA »