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

DELAPAN TANDA ANDA HARUS RESIGN SECEPATNYA DARI TEMPAT ANDA BEKERJA

🔓Owner Post Published 🕕
Saat harus resign dari perusahaan tempat kita bekerja bukanlah pilihan yang mudah. Terutama untuk karyawan yang sudah bertahan selama bertahun-tahun di perusahaan tersebut. Namun ada kalanya Anda harus resign demi masa depan yang lebih baik. Anda pasti punya cita-cita untuk jadi sukses, bukan? Kadang, peluang karier yang lebih baik hanya bisa didapatkan dengan mengundurkan diri dari perusahaan lama, dan mencari yang baru. Seperti dikutip dari DuitPintar.com, kenali dulu delapan tanda Anda harus resign secepatnya dari tempat Anda bekerja sekarang. 1. Masa depan perusahaan makin suram Waspada bila pemasukan perusahaan menurun drastis hingga mencapai 70 persen selama lebih dari tiga bulan. Dewan direksi pun setiap tahun selalu mengalami pergantian, tapi tak ada yang punya solusi jitu untuk perusahaan. Tidak ada inovasi juga yang bisa dilakukan oleh para petinggi perusahaan. Sebagian besar manajer dan group head mulai resign satu persatu. Kalau ini terjadi di p...
Posting Komentar
🔗BACA SELENGKAPNYA »

USIR KERAGUAN TERHADAP DIRI SENDIRI

🔓Owner Post Published 🕕
Ada kalanya seorang pemimpin merasa dirinya tidak bisa dan tidak berguna untuk anak buah dan perusahaannya. Meragukan diri sendiri akan secara perlahan menumbuhkan keraguan bahwa perusahaan akan mampu untuk tumbuh besar. Jangan ragukan sedikitpun kemampuan diri kita dalam memimpin suatu perusahaan atau seseorang. Saat ada mereka yang memilih kita untuk menjadi seorang pemimpin, maka itu prestasi yang patut kita banggakan. Usir keraguan terhadap diri sendiri dengan memuji apa yang telah kita capai, tapi ingat jangan terlalu berlebihan. Jadikan ini sebagai prestasi untuk diri sendiri, dan untuk menumbuhkan semangat terhadap diri sendiri.  Keberhasilan seseorang ditentukan oleh seberapa kuat kemauannya untuk maju. Halangan dan rintangan akan selalu datang, karena hidup memang tidak pernah akan mulus selamanya. Banyak orang yang mundur dari usahanya mencapai kesuksesan karena terlalu banyak keraguan yang berputar-putar di otaknya. Dilansir dari Women's Health, berikut ini langkah...
Posting Komentar
🔗BACA SELENGKAPNYA »

MARKETING ADALAH SUATU PROSES ATAU CARA MEMASARKAN PRODUK

🔓Owner Post Published 🕕
Keuntungan suatu bisnis bergantung pada kegiatan pemasarannya. Proses pemasaran biasa disebut dengan istilah marketing. Pengertian marketing di dalam masyarakat sering disalah artikan. Marketing sering kali disama artikan dengan sales. Padahal dalam bahasa inggris pun jelas bahwa marketing berarti pemasaran, sedangkan sales berarti penjualan. Marketing adalah serangkaian proses yang dilakukan untuk memasarkan produk atau mengenalkan produk kepada masyarakat dengan berbagai cara, agar produk tersebut menjadi banyak diminati oleh masyarakat luas. Sehingga dalam hal ini pengertian marketing tidak hanya sebatas saat terjadi pemasaran, namun juga mengenai strategi yang digunakan, serta cara memberikan kepuasan kepada konsumen. Customer satisfaction survey on a sky background Konsumen sebagai orientasi utama kegiatan pemasaran. Kepuasan konsumen menjadi hal yang paling penting untuk diperhatikan. Jika pada proses sales hubungan konsumen terjadi hanya pada saat itu. Berbeda dengan ...
Posting Komentar
🔗BACA SELENGKAPNYA »

5 TIPS MENGGALI IDE BISNIS

🔓Owner Post Published 🕕
Menjadi seseorang yang selalu berpikir kreatif dan inovatif dalam dunia bisnis merupakan hal mutlak yang dibutuhkan oleh pebisnis. Jika Anda tidak mampu untuk berpikir kreatif dan inovatif, maka cepat atau lambat para pesaing bisnis Anda pasti akan dengan mudah menggilas roda bisnis yang Anda jalankan. Memang bukan hal yang mudah untuk menjadi seseorang yang memiliki berbagai ide-ide cemerlang disertai dengan kreasi dan inovasi tanpa henti. Tidak jarang gagasan atau ide bisnis yang bagus akan mudah muncul dan dapat menyelesaikan sebagian kecil dari masalah bisnis yang Anda jalankan. Namun, sebuah ide bisnis yang besar dan hebat justru sebaliknya, karena ide itu hanya sesekali saja bisa muncul dan jika tidak segera dieksekusi pun akan cepat lenyap ditelan oleh kesibukan Anda sendiri. Cara Menggali Kreativitas Untuk menjadi seseorang yang memiliki banyak gagasan atau ide kreatif dan cermat dalam menggali sebuah ide bisnis maka dibutuhkan beberapa cara yang bisa Anda lakukan. Nah, beberap...
Posting Komentar
🔗BACA SELENGKAPNYA »

NUR MUHAMMAD ADALAH CAHAYA ATAU RUH

🔓Owner Post Published 🕕
Hakekat Nur Muhammad ini perlu diterangkan lebih lanjut agar bisa difahami semuanya. Apa itu Nur Muhammad, dan apa hubungannya dengan diri nabi Muhammad, dan apa hubungannya dengan diri manusia. Dalam ranah hakikat, Nabi Muhammad dan Nur Muhammad itu berbeda. Nabi Muhammad adalah manusia. Anak dari seorang ayah bernama Abdullah dan ibunya bernama Aminah. Lahirnya di Mekah dan makamnya di Madinah. Tetapi hakekat "Nur Muhammad" adalah cahaya atau ruh, jiwa yang tunggal, jiwa jiwa yang terpuji. Hakekat Nur Muhammad itu ada dalam diri tiap tiap manusia, ada dalam diri kalian semua, sebagaimana ada dalam diri para nabi-nabi Allah dan rasul rasulNya, serta wali-wali Allah. Nur Muhammad itu hanya ada satu namun ada dalam diri semua umat manusia, jika engkau pakai akalmu, bisa bingung, bagaimana bisa ada satu hal namun ada dalam tiap manusia yang jumlahnya milyaran?? Lalu apa hubungannya antara Nur Muhammad itu dengan diri nabi Muhammad?? Diri nabi Muhammad ...
2 komentar
🔗BACA SELENGKAPNYA »