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 »

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 »

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 »

DIATAS LANGIT MASIH ADA LANGIT

🔓Owner Post Published 🕕
“Di atas langit masih ada langit” merupakan ungkapan yang sering digunakan untuk mengingatkan kita agar tidak berlaku sombong atas apa yang kita miliki, baik itu kekayaan, kecantikan, ketampanan, dan kepintaran. Hal-hal yang bersifat duniawi memang seringkali menjadi sebab seseoang untuk berlaku sombong. Padahal kita tidak berhak berlaku sombong, karena sesungguhnya apa yang kita miliki  hanyalah titipan dari Allah yang seharusnya kita jaga sebaik-baiknya. Kita tidak pernah tahu sampai kapan semua yang kita miliki akan menjadi milik kita, sehingga kita tidak boleh menyombongkannya. Orang-orang kaya bisa bangkrut dan menjadi miskin, orang yang  cantik dan tampan akan bertambah tua, lalu apa yang hendak kita sombongkan?   Penyebab sifat sombong yang ada dalam diri kita adalah karena kita seringkali merasa lebih baik dari orang lain, kita selalu merawa t bahwa kedudukan kita lebih tinggi, kita pun seringkali merasa lebih cantik dari orang lain. Hal-hal semacam inil...
Posting Komentar
🔗BACA SELENGKAPNYA »

MENJAGA INTERGRITAS DIRI DISETIAP SITUASI

🔓Owner Post Published 🕕
Ada sebuah kisah menarik yang mugkin pernah anda jumpai di lingkungan sekitar. Suatu hari, ada seorang ibu yang membeli makanan ringan di mini market. Harga makanan ringan yang dibelinya sebesar Rp 23.500,00. Iya membayar dengan memberikan selambar uang Rp 50.000,00. Kasir kemudian memberikan uang kembalian Rp 28.500,00. Tanpa menghitung ulang, ibu tersebut beranjak dengan membawa belanjaannya. Sesampai di rumah, ibu tersebut menghitung uang kembalian yang ternyata kelebihan Rp 2.000,00. Meskipun cukup jauh dari rumah, ibu itu kembali ke mini market untuk mengembalikan kelebihan uang kembaliannya. Inilah kisah nyata yang mungkin pernah anda temukan dalam kehidupan. Di sinilah integritas itu diuji.   Berdasarkan kisah tersebut dapat disimpulkan bahwa integritas berhubungan dengan jati diri. Integritas menunjukkan kesejatian (kemurnian), bukan kemunafikan atau kepura-puraan. Integritas adalah suatu sikap dimana seseorang tetap melakukan hal yang benar dalam berbagai situasi se...
Posting Komentar
🔗BACA SELENGKAPNYA »