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

SALAH PILIH

🔓Owner Post Published 🕕
Tak ada model negara Islam yang berhasil. Ketika sukses meruntuhkan rezim Pahlevi pada 1979, rakyat Iran memilih Islam sebagai dasar negara. Mereka mengganti bentuk negara yang semula kerajaan menjadi republik. Republik Islam Iran namanya. Tapi, setelah 40 tahun menjalaninya, terbukti bahwa pilihan ideologi Islam itu salah. Bukannya menjadi negara maju dan makmur, Iran malah menjadi negara yang dibenci dan dimusuhi banyak orang. Kini, negara itu bukan hanya dimusuhi negara lain, tapi juga dibenci rakyatnya sendiri. Gelombang protes terus membesar. Sudah lebih dari 50 orang tewas. Mereka bukan sekadar protes terhadap aturan jilbab, tapi juga meneriakkan kecaman pada rezim: "Mampuslah diktator!" Rakyat Iran sudah muak dengan perilaku rezim Islam yang tak memberikan kebahagiaan. Tapi, justru menghadirkan malapetaka bagi mereka. Baca Juga :  Satu-juta-tahun Iran adalah contoh negara Islam yang gagal. Seperti juga negara-negara Islam lain, Iran tak mampu menghadirkan apa yang mere...
Posting Komentar
🔗BACA SELENGKAPNYA »

TEKNIK TEKNIK DALAM KOMUNIKASI

🔓Owner Post Published 🕕
Teknik-Teknik dalam Komunikasi Pendidikan Komunikasi merupakan sarana untuk terjalinnya hubungan antar seseorang dengan orang lain, dengan adanya komunikasi maka terjadilah hubungan sosial, karena bahwa manusia itu adalah sebagai makhluk sosial, di antara yang dengan yang lainnya saling membutuhkan, sehingga terjadinya interaksi yang timbalk balik. Dalam hubungan seseorang dengan orang lain tentunya terjadinya proses komunikasi itu tentunya tidak terlepas dari tujuan yang menjadi topik atau pokok pembahasan, dan juga untuk tercapainya proses penyampaian informasi itu akan berhasil apabila ditunjang dengan alat atau media sebagai sarana penyaluran informasi atau berita. Proses komunikasi akan efektif apabila komunikator melakukan perananya, sehingga terjadinya suatu proses komunikasi yang baik dan sesuai dengan harapan, di mana gagasangagasan atau ide dibahas dalam suatu musyawarah antara komunikator dengan komunikan, dan terjadi pemahaman tentang informasi atau segala sesua...
Posting Komentar
🔗BACA SELENGKAPNYA »

TUJUH CARA MENGEMBANGKAN POTENSI DIRI

🔓Owner Post Published 🕕
7 Cara Mengembangkan Potensi Diri Cara mengembangkan potensi diri sebenarnya sangat mudah. Hanya saja, Anda harus mengetahui lebih dahulu tentang diri Anda sendiri. Kenali lebih dalam apa yang Anda sukai, inginkan, dan wujudkan. Sayangnya, tidak semua orang mampu untuk menyatukan ketiga hal tersebut agar menjadi satu tujuan besar, yaitu menjadi diri sendiri yang berkualitas. Alhasil, ada beberapa orang yang bisa langsung mengetahui potensi dirinya. Namun, banyak pula yang perlu pancingan terlebih dahulu agar potensi dirinya menjadi terlihat. Tidak hanya sampai di situ, pada saat potensi diri sudah terlihat, apa yang harus dilakukan? Bagaimana cara mengembangkannya? Nah, bagi Anda yang sampai saat ini masih bingung cara mengembangkan potensi diri, berikut beberapa cara yang bisa Anda lakukan : #Mengenali Diri Lebih Dalam Cara pertama yang bisa Anda lakukan adalah mengenal lebih dalam tentang diri sendiri. Selidikilah hal apa saja yang membuat Anda merasa nyaman untu...
Posting Komentar
🔗BACA SELENGKAPNYA »

MENGENDALIKAN PIKIRAN ORANG LAIN DENGAN SUBJECTIVE COMMUNICATION

🔓Owner Post Published 🕕
Salah satu tehnik SUFI  melahirkan ilmu psycologi yaitu : Mengendalikan Pikiran Orang Lain dengan Subjective Communication Subjective Communication mengendalikan pikiran orang lain? kedengarannya menakutkan bukan? tapi apakah bisa? apakah anda percaya kalau hal ini bisa? dan bagaimana bisa? pertama, perlu kita ketahui dulu apa itu Subjective Communication. subjective communication adalah teknik mempengaruhi pikiran orang lain tanpa harus bertemu langsung dengan menggunakan kekuatan pikiran bawah sadar dan  gelombang otak alpha. subjective communication terbukti telah menolong jutaan orang di seluruh dunia sehingga mereka dapat sukses dan memperoleh apa yang mereka inginkan. tapi bagaimana bisa? perhatikan fakta menarik berikut. pikiran bawah sadar tidak mampu membedakan mana kenyataan dan mana imajinasi. semua yang diterimanya adalah "benar". berbeda dengan pikiran sadar yang menyaring semua informasi dengan logika dan dapat membedakan mana yang ...
Posting Komentar
🔗BACA SELENGKAPNYA »

AL GHAZALI DAN USTAD JIDAT HITAM

🔓Owner Post Published 🕕
Al-Ghazali dan Ustad Jidat Hitam Apa yang dijelaskan oleh seorang ustad dalam sebuah video yang lagi viral tentang sebab terjadinya hujan, sebetulnya bukan tak ada dasarnya sama sekali. Pandangannya sejalan dengan teologi dan filsafat dalam Islam. Apa yang dijelaskan ustad itu mirip dengan pandangan al-Ghazali, filsuf Muslim yang berjasa bagi kemunduran umat Islam. Al-Ghazali adalah seorang pengikut al-Asy'ari yang sangat percaya pada kemahakuasaan tuhan. Pokoknya tuhan maha kuasa, bisa melakukan apa saja, termasuk hal-hal di luar kebiasaan (khariq al-adah). Argumen ini dipakai untuk menjelaskan mukjizat para nabi. Bagi al-Asy'ari dan al-Ghazali, Ibrahim dibakar api, tongkat Musa jadi ular, Mariam hamil tanpa suami, bulan dibelah Nabi, itu semua bukan dongeng, tapi bukti kemahakuasaan tuhan. Meskipun belakangan al-Asy'ari merevisi pandangannya dan memperkenalkan konsep "usaha" (kasb) untuk menetralisir agar teologinya tak sama dengan kaum Jabariyyah (fatalisme), u...
Posting Komentar
🔗BACA SELENGKAPNYA »