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

KISAH PEMUDA MENCARI TUHAN

🔓Owner Post Published 🕕
Pada suatu masa, hidup seorang pemuda yang hidupnya senang menuntut ilmu, mempelajari agama pada syekh-syekh terkenal dan sering mendatangi ‘ulama-ulama yang sangat alim, seberapapun jauhnya jarak rumah orang alim itu. Karena kecerdasannya, semua guru-guru pemuda ini mengaguminya, beberapa bidang ilmu agama yang berat dapat dikuasainya dengan sempurna. Dan Kitab-kitab tulisan para Ulama-ulama pendahulupun telah ia hapal. Dalam puncak pembelajarannya, tiba-tiba si pemuda mendatangi salah satu gurunya yang paling ia hormati, menyampaikan satu urusan yang terganjal di hatinya dan ingin merealisasikannya: Bertemu Tuhan ! “Saya mau mencari-Nya. Saya mau bertemu dengan-Nya, bukan dalam arti kiasan, tapi yang sedzahirnya. Izinkan saya pergi mencari-Nya”. Syech gurunya yang menyadari siapa yang dihadapinya langsung mengizinkannya, dan berdo’a semoga selamat dalam perjalannya dan kembali dengan berita yang menggembirakan. Singkat cerita si Pemuda memulai perjalanan panja...
Posting Komentar
🔗BACA SELENGKAPNYA »

CITRA POSITIF DAN MENJADI DIRI SENDIRI

🔓Owner Post Published 🕕
Mengembangkan Citra Positif dan Tetap Men-jadi Diri Sendiri Personal branding atau mencitrakan diri sendiri menjadi ke-harusan di era modern. Anda harus menyadari bahwa persaingan masak kini begitu ketat sehingga menuntut kerja ekstra demi mencapainya kesuksesan. Dalam hal kesuksesan seseorang di dunia kerja, hal tersebut ditentukan oleh adanya keyakinan untuk menjadi diri sendiri. Sebagai seorang karyawan di perusahaan tertentu, anda memiliki tugas dan kewajiban personal, yaitu membuat citra diri anda lebih baik. Pencitraan diperlukan untuk membuat diri anda tampak elegan dan menyenangkan, baik bagi rekan-rekan sekantor maupun di mata atasan. Menurut Siswanto, citra diri dapat disebut sebagai inti kepridadian. Adapun pengertian citra diri di sini ialah gambaran atau konsep seseorang tentang sosok dirinya yang memiliki aspek fisik dan psikologis. Aspek fisik terdiri dari gambaran penampilan secara fisik. Adapun aspek psikologis terdiri dari gambaran seseorang tentang kelay...
Posting Komentar
🔗BACA SELENGKAPNYA »

UPAYA DAN MENJAGA SELF DISCIPLINE

🔓Owner Post Published 🕕
Disiplin merupakan pendewasaan dimana seseorang dituntut untuk bisa berfikir logis, menyelesaikan masalahnya dengan baik, serta tidak selalu bergantung pada orang lain. Pada intinya, disiplin berhubungan dengan cara bersikap dan bertingkah laku sesuai kondisi riil dimasyarakat. Menurut Charles Schaefer inti dari disiplin ialah mengajar atau seseorang mengikuti ajaran dari orang lain yang mengikuti ajaran seorang pemimpin. Selain itu, disiplin juga dapat diartikan latihan batin dan watak dengan maksud supaya segala perbuatan selalu mentaati tata tertib. Jadi, disiplin adalah mentaati aturan sesuai dengan ketentuan umum yang berlaku. Dari dua pengertian tersebut, sangat jelas bahwa disiplin memiliki peranan penting dalam sebuah keberhasilan atau kesuksesan. Hal ini disebabkan disiplin pada dasarnya mengatur aspek perilaku. Maka, dapat diketahui bahwa tujuan dari bersikap disiplin dapat dibagi menjadi jangka pendek dan panjang. Tujuan jangka pendek sikap disiplin ialah membuat ...
Posting Komentar
🔗BACA SELENGKAPNYA »

CARA MEREKRUT KARYAWAN YANG TEPAT DAN BAGUS

🔓Owner Post Published 🕕
Cara Merekrut Karyawan Yang Tepat Dan Bagus Cara Merekrut Karyawan Yang Tepat Dan Bagus- Selain permodalan, penentuan lokasi usaha yang tepat. Selanjutnya yang tak kalah pentingnya yaitu merekrut karyawan. Cara merekrut karyawan yang tepat dan benar butuh trik, yang akan saya bahas disini. Ada dua kriteria dalam merekrut karyawan atau tim. yaitu: tepat dan Bagus, tepat secara posisi dan benar secara attitude (sikap, prilaku atau kepribadian). Kriteria orang yang bagus dalam merekrut karyawan Orang yang bagus. Orang yang bagus adalah penilaian secara sikap dan perilaku. Dalam buku Good To Great (Jim Collin) dikatakan”First Who then What.”Maknanya adalah merekrut orang yang bagus sejak awal adalah hal yang utama, baru kemudian mau dibawa kemana. Cara Merekrut Karyawan Merekrut karyawan orang yang bagus tak perlu motivasi berlebihan, cukup diarahkan dan dididik. Orang yang jelek dari sikap dan prilakunya akan merepotkan kita dalam memotivasi dan mengontrolnya. Or...
Posting Komentar
🔗BACA SELENGKAPNYA »

PRESIDEN REPUBLIK INDONESIA KE 6

🔓Owner Post Published 🕕
          BIOGRAFI Soesilo Bambang Yudhoyono (2004-2014) Susilo Bambang Yudhoyono adalah presiden RI ke-6. Berbeda dengan presiden sebelumnya, beliau merupakan presiden pertama yang dipilih secara langsung oleh rakyat dalam proses Pemilu Presiden putaran II 20 September 2004. Lulusan terbaik AKABRI (1973) yang akrab disapa SBY ini lahir di Pacitan, Jawa Timur 9 September 1949. Istrinya bernama Kristiani Herawati, merupakan putri ketiga almarhum Jenderal (Purn) Sarwo Edhi Wibowo. Pensiunan jenderal berbintang empat ini adalah anak tunggal dari pasangan R. Soekotjo dan Sitti Habibah. Darah prajurit menurun dari ayahnya yang pensiun sebagai Letnan Satu. Sementara ibunya, Sitti Habibah, putri salah seorang pendiri Ponpes Tremas. Beliau dikaruniai dua orang putra yakni Agus Harimurti Yudhoyono (mengikuti dan menyamai jejak dan prestasi SBY, lulus dari Akmil tahun 2000 dengan meraih penghargaan Bintang Adhi Makayasa) dan Edhie Baskoro Yudhoyono (lulusan...
Posting Komentar
🔗BACA SELENGKAPNYA »