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

BUDAYA KERJA JEPANG MERUPAKAN KESATUAN DALAM KELOMPOK

🔓Owner Post Published 🕕
Jepang terkenal dengan kerja kerasnya dan kerja lemburnya. Semua orang tau itu. Tapi tak banyak yang tahu kalau budaya kerja Jepang itu “Ndeso”. “Ndeso” berarti “kampungan” seperti yang kita tahu, tapi bukan itu yang saya maksud. Dalam budaya kerja Jepang, “Ndeso” berarti berpikir seperti penduduk desa. Seorang pekerja Jepang akan merasa kantornya seperti desa, penduduknya saling gotong royong membangun lingkungannya. Ini adalah sebuah pemikiran ala Jepang, budaya kerja unik yang hanya ada di negeri sakura ini. Pemikiran “Ndeso” ini dikenal dengan istilah “Village Relationship” atau muranogurupu ( 「ムラ」のグループ ), yang jadi basis Jepang berpikir secara kelompok. 1. Society built on “place” relationship Ada seorang anak baru di kantor, anggap saja namanya Budi. Sebelum bergabung, Budi sempat kerja di perusahaan Indonesia. Ia orang yang super dan hebat, pemikir ulung dan kreatif, kariernya menanjak cepat sekali. Ia merasa seperti star employee saking hebatnya, semua orang mengenalnya...
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 »

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 »

TIPS MEMILIH LOWONGAN MARKETING YANG MENGUNTUNGKAN

🔓Owner Post Published 🕕
Tips Memilih Lowongan Marketing yang Menguntungkan Marketing adalah pekerjaan yang paling dihindari oleh banyak orang. Jika dilihat di info lowongan pekerjaan, Anda akan sering menemui adanya lowongan marketing. Posisi ini tidak seharusnya dihindari, sebab posisi ini memiliki peranan penting dalam perusahaan. Hal ini juga yang menyebabkan lowongan tersebut selalu ada dari waktu ke waktu di saat lowongan pekerjaan lain sudah ditutup. Bekerja di posisi marketing bukanlah hal yang buruk. Posisi ini dapat membuat Anda belajar banyak hal. Bagaimana tidak, posisi ini yang paling berpengaruh terhadap keuntungan perusahaan. Menjadi staf marketing dapat menjadikan Anda memiliki pribadi yang tangguh. Selain itu Anda juga dapat mengembangkan kemampuan Anda dalam menganalisis. Pergaulan Anda juga akan semakin luas, karena Anda akan bertemu banyak orang ketika berada di posisi ini. Banyaknya manfaat yang diperoleh dari posisi ini, bukan berarti membuat Anda menerima setiap lowongan ma...
Posting Komentar
🔗BACA SELENGKAPNYA »

TIGA CARA PEMIMPIN YANG DISEGANI

🔓Owner Post Published 🕕
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...
Posting Komentar
🔗BACA SELENGKAPNYA »