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

MENGAPA GOSIP DIKANTOR MEMBUNUH PRODUKTIVITAS

🔓Owner Post Published 🕕
Mengapa Gosip di Kantor Membunuh Produktivitas? Bermula dari satu hal, satu orang ke orang lainnya lambat laun sebuah infomasi terus bertambah kontennya. Informasi tersebut akhirnya berubah menjadi gosip. Gosip di kantor merupakan hal yang tidak bisa dipastikan kebenarannya. Seringkali hal tersebut justru dimulai dari rasa iri hati, frustrasi, kurang percaya diri, bahkan yang terburuk adalah candaan semata. Itu tentu saja berdampak sangat buruk. Tidak hanya bagi orang yang menjadi bahas pembicaraan, namun juga bagi pembicara. Jika diibaratkan dengan sepasang kayu dan paku. Paku sebagai rumor buruk yang Anda bicarakan dan kayu sebagai orang yang dibicarakan. Anda memukulkan paku tersebut kepada kayu hingga menyakitinya. Bahkan meskipun Anda telah mencabut paku tersebut, lubang tersebut masih saja tersisa. Seperti inilah luka yang diakibatkan oleh rumor buruk yang Anda perbuat terhadap seseorang. Membicarakan hal buruk mengenai sesama kita dapat menyebabkan sakit hati bagi s...
Posting Komentar
🔗BACA SELENGKAPNYA »

EMPAT BISNIS RUMAHAN YANG DIGEMARI KAUM IBU RUMAH TANGGA

🔓Owner Post Published 🕕
4 Bisnis Rumahan yang Digemari Kaum Ibu Rumah Tangga Kaum ibu atau perempuan yang sudah berumah tangga biasanya disibukkan dengan rutinitas mengurus rumah tangga saja.  Namun ada banyak hal yang bisa dilakukan para ibu rumah tangga untuk membantu keuangan keluarga tetapi tanpa meninggalkan tugas pokoknya sebagai ibu rumah tangga tentunya dengan modal yang tidak terlalu besar.  Berikut beberapa Bisnis Rumahan yang di gemari kaum ibu tersebut: Usaha Jasa Memasak Usaha jasa memasak ini juga bisa jadi pemasukan untuk keuangan keluarga, kalau anda suka atau hobi memasak tidak salah kalau hobi anda dituangkan ke dunia usaha. Mulailah dari yang kecil dan sederhana, Misal Membuat aneka kue, seperti Sus, Pastel, Risolis, Lemper.  Untuk pemasaran awal bisa kita tawarkan kepada tetangga, atau membuka display kecil di depan rumah. Cara lain bisa kita tawarkan untuk pemesanan dengan Box, misal untuk kegiatan pengajian, acara rapat, pesta kecil-kecilan dan...
Posting Komentar
🔗BACA SELENGKAPNYA »

TENTANG RUH-1

🔓Owner Post Published 🕕
Menurut ilmu Tasawwuf dalam kitab kitab makrifatullah pada diri manusia terdapat sembilan jenis Ruh. Masing-masing Ruh mempunyai fungsi masing masing. Ke sembilan macam Ruh yang ada pada manusia adalah sebagai berikut : 1. Ruh Idhofi Ruh idhofi adalah Ruh yang utama bagi manusia. Ruh Al-Hayat / Ruh segala sumber kehidupan. Ruh ini merupakan sumber dari 8 ruh-ruh lainnya. Ruh Idhofi juga disebut sebagai Jauhar awal suci, karena ruh inilah maka manusia dapat hidup. Bila ruh idhofi keluar dari tubuh, manusia akan mati. Disini Ruh Idhofi umumnya disebut sebagai nyawa. Ruh idhofi ini berada di alam wahdah karena ruh ini adalah pancaran langsung dari Nur Muhammad. Bentuk Ruh ini ghaib / tidak kasat mata / metafisik. Wujud Ruh ini mirip diri sendiri, baik rupa maupun suara serta segala sesuatunya. 2. Ruh Qudus Ruh qudus (Ruh yang paling Suci) : Ruh ini bagian dari Ruh idhofi. perbedaan Ruh qudus dengan Ruh idhofi adalah Ruh qudus hanya ditiupkan khusus pada makhluk ...
Posting Komentar
🔗BACA SELENGKAPNYA »

CARA USAHA KECIL KECILAN MENINGKATKAN FINANCIAL KITA

🔓Owner Post Published 🕕
Usaha kecil kecilan? Seperti apa itu? Perkembangan ekonomi yang terus meningkat dan tuntutan untuk memenuhi kebutuhan yang terus meningkat membuat kita harus terus meningkatkan finansial kita. Seorang yang masih lajang akan memiliki kebutuhan hidup yang tidak terlalu banyak, namun akan terus meningkat jika telah memutuskan untuk menikah. Demikian juga dengan kehidupan selanjutnya, tuntutan kebutuhannya akan terus meningkat. Memikirkan bagaimana agar memiliki rumah, kendaraan, bahkan memikirkan bagaimana biaya kuliah anak-anaknya kelak. Kebutuhan ini akan terus meningkat sesuai dengan perjalanan hidup kita. Meningkatnya kebutuhan hidup ini harus diimbangi dengan pendapatan kita. Bagi mereka yang telah terjun ke dunia usaha, berarti harus memikirkan untuk meningkatkan usahanya  tetapi bagi meraka yang bekerja sebagai pegawai atau karyawan bahkan buruh maka harus dituntut untuk meningkatkan kinerjanya agar pendapatannya meningkat. Seringkali gaji mereka hanya cukup untuk m...
Posting Komentar
🔗BACA SELENGKAPNYA »

ENAM CARA ALASAN KEPUASAN PELANGGAN ADALAH STRATEGI TERBAIK

🔓Owner Post Published 🕕
Mengapa Kepuasan Pelanggan adalah Strategi Terbaik Ketika Anda mendedikasikan diri di dalam bisnis, maka banyak hal yang harus dipelajari. Mulai dari perencanaan, persiapan, hingga pelaksanaan membutuhkan banyak perincian. Selain itu, Anda juga perlu memasukkan beberapa kendala yang kemungkinan terjadi di tiap tahapannya beserta bagaimana cara mengatasi. Salah satunya juga memasukkan tingkat kepuasan pelanggan yang akan menjadi target penjualan nantinya. Kehadiran pelanggan merupakan hal yang paling didambakan bagi seluruh pelaku usaha. Hal ini menunjukkan tingkat keberhasilan usaha sehingga pelaku usaha memiliki harapan untuk semakin maju. Membuat kepuasan pelanggan merupakan strategi yang paling baik di antara lainnya. Berikut adalah beberapa alasan yang menguatkan perlunya melaksanakan kegiatan tersebut. 1. Bisa mendapatkan profit yang lebih baik Tujuan utama membuka usaha adalah memperoleh banyak profit. Untuk memperolehnya Anda dituntut bisa bekerja keras dan menan...
Posting Komentar
🔗BACA SELENGKAPNYA »