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

PRAKTEK KOMUNIKASI VERBAL

🔓Owner Post Published 🕕
Prakteknya komunikasi verbal bisa dilakukan dengan cara :  Berbicara dan menulis. Umumnya untuk menyampaikan, orang cenderung lebih menyukai speaking  (berbicara) ketimbang (writing ). Selain karena praktis, speaking dianggap  lebih mudah “menyentuh” sasaran karena langsung didengar komunikan. Namun bukan berarti pesan tertulis tidak penting. Untuk menyampaikan pesan bisnis  yang panjang dan memerlukan pemahaman dan pengkajian matang, diperlukan  pula penyampaian writing. Semisal penyampaian bussines report. Sangat tidak  mungkin jika hanya disampaikan dengan berbicara. Mendengarkan dan membaca. Kenyataan menunjukkan, pelaku bisnis lebih sering mendapatkan informasi  ketimbang menyampaikan informasi. Dan aktivitas penerimaan informasi.pesan  bisnis ini dilakukan lewat proses (listening) mendengarkan dan membaca  (reading). Sayangnya, kenyataan juga menunjukkan, masih banyak di antara  kalangan bisnis yang tidak memiliki ke...
Posting Komentar
🔗BACA SELENGKAPNYA »

BAGAIMANA SIH HIJRAH ALA SUFI

🔓Owner Post Published 🕕
Bagaimana cara menjadi seorang yang hijrah seperti para sufi Bagaimana sih hijrah para sufi ini? Sebelum belajar tentang itu. Ada baiknya kita memahami hal ini. Ada delapan prinsip (adab), berbahasa Persia, dalam tarekat Naqsyabandiyah yang dikompilasi oleh Syekh Abdul Khalik Al-Ghujdawani, qs. Prinsip –prinsip ini kemudian disempurnakan menjadi 11 prinsip oleh Imam tarekat ini, Syah Muhammad Baha’uddin an-Naqsyaband. Salah satunya adalah Safar dar Wathon yang secara harfiah artinya adalah berjalan melintasi negeri. Para Guru dalam tarekat ini sering mengartikan Safar dar Wathon, sebagai: perjalanan kembali ke kampung halaman. Itu artinya seorang salik (orang yang mengalami/belajar di perjalanan sufi-red) menempuh perjalanan dari alam ciptaan menuju alam Sang Pencipta. Diriwayatkan bahwa Nabi (saw) bersabda, “Aku menuju Tuhanku dari satu keadaan menuju keadaan yang lebih baik dan dari satu maqam menuju maqam yang lebih tinggi.” Oleh karenanya seorang salik harus menempu...
Posting Komentar
🔗BACA SELENGKAPNYA »

PENTINGNYA MEMPERBAIKI TAMPILAN LUAR

🔓Owner Post Published 🕕
Pepatah Inggris mengatakan : “Don’t judge a book by it’s cover”, yang secara harfiah berarti : jangan menilai sebuah buku hanya dari sampulnya. Pepatah tersebut memiliki makna bahwa hendaknya kita tidak menilai seseorang atau sesuatu hanya melalui tampilan luarnya. Namun dalam kehidupan sehari-hari, pepatah tersebut seringkali kita abaikan dan bahkan tidak relevan dalam keseharian kita dalam berinteraksi dengan orang lain. Sering kali kita menilai sesuatu hanya melalui tampilan luar atau apa yang bisa kita lihat secara kasat mata. Dalam kehidupan sehari-hari, pepatah “Jangan menilai sebuah buku hanya dari sampulnya” seringkali tidak relevan. Kita sering merasakan bahwa kesan pertama sangatlah penting dalam mempengaruhi penilaian seseorang terhadap sesuatu. Sebagai contoh, ketika kita memilih buku-buku yang dalam keadaan tersegel sehingga kita hanya dapat melihat dan membaca tulisan pada sampulnya, tentu kita akan menilai buku-buku tersebut melalui tampilan sampulnya sebab kita t...
Posting Komentar
🔗BACA SELENGKAPNYA »

PENTINGNYA BISNIS ANDA MENJADI BISNIS UNIK

🔓Owner Post Published 🕕
Unik bisa jadi kata kunci buat kesuksesan Anda. Saya sering melihat bisnis – bisnis unik yang bahkan nyerempet aneh tapi tetap bermanfaat selalu meraih sukses. Pastinya unik itu membuat perbedaan untuk bisnis Anda. Beda itu tidak harus yang wah. Pasti pernah dengar istilah karena nila setitik rusak susu sebelanga. Kalau itu konteksnya lebih kesalahan. Nah, pointnya coba Anda jadikan si nila ini Sesuatu yang unik tapi membuat bisnis Anda menjadi besar. Setitik nila anggap saja ide yang sederhana, so tidak perlu susah untuk jadi Bisnis unik. Saya pernah dengar cerita di daratan Eropa pernah muncul soal fisika yang menanyakan cara menentukan tinggi bangunan lantai 35 dengan barometer. Kalau Anda yang ditanya mau jawab apa? Pasti bingung tapi Fitra Jaya Saleh, pemenang nobel fisika di Denmark sekaligus coach bisnis menjawab kalau bisa digunakan dengan cara mengaitkan barometer dengan benang lalu turunkan dari lantai atas hingga tanah. Itu sangat simple bukan? Tapi kadang kit...
Posting Komentar
🔗BACA SELENGKAPNYA »

TIGA BELAS TIPS MENJADI PEMIMPIN ATAU LEADER YANG DISUKAI

🔓Owner Post Published 🕕
1. Menjadi pemimpin atau leader yang baik tidak cuek dan pelit Yang dimaksudkan adalah di saat anda berpapasan dengan bawahan di luar  kantor jangan ragu untuk menegur terlebih dahulu. Selain itu jika sekiranya  ada bawahan yang membutuhkan bantuan dalam pekerjaan atau hal lain,  setidaknya tunjukan rasa peduli anda. Banyak cara untuk menunjukkan rasa   peduli tersebut, lakukan dengan secukupnya dan pastikan itu membuat nyaman  bawahan anda. 2. Menjadi pemimpin atau leader yang baik selalu mencontohkan disiplin akan waktu Banyak hal yang bersangkutan dengan waktu tentunya. Semisal jam  keberangkatan yang konsisten bisa membuat anda menjadi panutan bawahan anda  dengan kedisiplinan tersebut. Hal lain seperti tepat waktu akan selesainya  kerjaan juga akan membuat anda disegani dan menjadi contoh baik tentunya.  Ketepatan atau kedisiplinan waktu yang terjaga juga akan membuat semua hal  menjadi maksimal dalam hasilnya. ...
Posting Komentar
🔗BACA SELENGKAPNYA »