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 »

BETINDAK LOKAL BERFIKIR GLOBAL

🔓Owner Post Published 🕕
‘’ Bertindak local, berfikir global!’’ Bahasa ini mungkin sering anda dapatkan, baik dimedia audio maupun visual.   Namun demikian, pemahaman atau maksud kalimat tersebut sering kali dianggap enteng. Anda tentu sudah mengetahui budaya pikir masyarakat Indonesia pada umumnya lebih mengedepankan hati (perasaan) dibanding dengan akal (logika). Falfasah hidup yang dilestarikan didalam masyarakat adalah memandang hidup ini cuma sebentar. Berpegang pada falsafah hidup tersebut, masyarakat memandang makna hidup adalah menjalani kehidupan sebagaimana tugas. Namun, tidak sedikit masyarakat yang keliru memaknai falsafah bijak tersebut. Sebagian masyarakat memaknai falsafah hidup yang cuma sebentar secara harfiah. Akibatnya, mereka mereka merasa tidak perlu bersusah- susah dalam menjalaninya. Kekeliruan dalam memberikan makna terhadap falsafah hidup tersebut turut dipengaruhi pemikiran-pemikiran baru yang hadir bersama arus globalisasi. Dalam hal ini, arus globalisasi bergerak sem...
Posting Komentar
🔗BACA SELENGKAPNYA »

LIMA CIRI PALING UTAMA PERUSAHAAN AKAN BANGKRUT

🔓Owner Post Published 🕕
Di tengah semakin berubahnya konteks persaingan bisnis, maka mengetahui ciri-ciri perusahaan hendak bangkrut menjadi penting, baik itu bagi karyawan maupun bagi pemilik bisnis. Pengetahuan ini, penting agar perusahaan tidak terlanjur bangkrut, atau bagi karyawan, mengetahui bisnis sudah siap-siap bangkrut bisa memberi kontribusi maksimal agar perusahaan tidak bangkrut. Atau jika memang kebangkrutan sudah tidak bisa dihindarkan, sebagai karyawan perlu mempersiapkan Plan B, artinya siap-siap angkat koper dari perusahaan lama, menuju perusahaan baru yang lebih menjanjikan. Tentu ada banyak ciri sebuah bisnis atau perusahaan akan bangkrut, nah setidaknya inilah 5 ciri yang paling utama. 1. Cash Flow yang Rendah Cash flow yang rendah biasanya disumbang oleh penjualan yang rendah. Kesulitan bersaing dengan kompetitor, bisa menyebabkan penjualan menurun, marjin keuntungan tergerus, hingga produk betul-betul menyumbangkan kerugian, karena terpaksa harus dijual dibawah ongkos produ...
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 »

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 »