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

LIMA CARA SUKSES JUALAN ONLINE TANPA MODAL UNTUK PEMULA

🔓Owner Post Published 🕕
5 Cara Sukses Jualan Online Tanpa Modal Untuk Pemula Jualan online kini tengah menjadi salah satu alternatif usaha yang bisa dilakukan dengan modal kecil dan omzet yang tidak main-main. Oleh karena itu sekarang ini banyak sekali orang yang terjun ke dunia bisnis online dan menekuninya dengan serius. Bukan hanya menjadi salah satu alternatif usaha, tetapi karena perubahan zaman yang cepat, orang-orang yang melakukan bisnis offline mau tidak mau harus terjun ke bisnis online agar tidak tersingkirkan oleh perubahan zaman. Berikut  adalah beberapa tips untuk meledakkan toko online Anda. 1. Tentukan Niche dan Produk Anda Hal pertama yang harus diperhatikan jika ingin memulai bisnis sebagai penjual online adalah menentukan apa produk dan niche market yang akan Anda tawarkan. Anda harus melakukan riset terlebih dahulu sebelum terjun ke dunia jual beli online. Anda dapat melakukan riset dengan bertanya langsung ke orang-orang di sekitar Anda, membuat kuesioner dan membu...
Posting Komentar
🔗BACA SELENGKAPNYA »

BIOGRAFI TITO KARNAVIAN : KABINET INDONESIA MAJU JABATAN MENTERI DALAM NEGERI

🔓Owner Post Published 🕕
Profil dan Biografi Tito Karnavian. Saat ini dikenal sebagai Menteri Dalam Negeri di era pemerintahan Joko Widodo dalam kabinet kerja jilid II. Sebelumnya ia lama menjabat sebagai Kapolri. Di kepolisian, ia dikenal memiliki segudang prestasi dalam bidang penanggulangan terorisme di Indonesia. Berikut Biografi, profil dan biodata Tito Karnavian. Daftar Isi Biodata Tito Karnavian Biografi Tito Karnavian - Profil dan Biodata Lengkap Kapolri  Nama Lengkap : Muhammad Tito Karnavian Lahir : Palembang, Sumatera Utara, 26 oktober 1964 Orang Tua : H Achmad Saleh (ayah), Hj Kardiah (ibu) Saudara : Iwan Dakota, Donny Akbar, Dian Marelia, Fifa Argentina, Diah Natalisa Istri : Tri Suswati Anak : Via, Opan, Angga Agama : Islam Pangkat : Jenderal Polisi Bintang Empat Biografi Tito Karnavian Beliau dilahirkan dengan nama lengkap Muhammad Tito Karnavian pada tanggal 26 oktober 1964 di Palembang, Sumatera Utara. Ayahnya bernama H Achmad Saleh dan ibunya bernama Hj...
Posting Komentar
🔗BACA SELENGKAPNYA »

PEDOMAN UNTUK MENJALANKAN ALAT INSPEKSI URL GUNA MELIHAT STATUS INDEKS URL SAAT INI

🔓Owner Post Published 🕕
Memahami hasil: Pengujian langsung Catatan penting: Ini adalah pengujian langsung. Alat ini mengambil dan memeriksa URL secara real time. Informasi yang ditampilkan dalam pengujian langsung dapat berbeda dari URL yang diindeks karena alasan yang dijelaskan di bawah ini. Pengujian langsung tidak memeriksa keberadaan URL di peta situs atau halaman perujuk apa pun. Status Dapat diindeks pada URL aktif dapat berbeda dengan status Cakupan indeks pada URL yang sudah diindeks karena alasan berikut: Anda telah mengubah atau memperbaiki sesuatu pada URL aktif, seperti menghapus (atau menambahkan) tag noindex atau blok robots.txt, dan perubahan itu belum diindeks. Periksa perbedaan pada Pengujian Diindeks dan Langsung, atau periksa histori versi halaman di situs Anda untuk menemukan perbedaan antara versi yang sudah diindeks dan versi langsung. Pengujian langsung tidak mendukung semua status indeks dalam versi yang sudah diindeks. Beberapa status dalam versi yang diindeks tidak diuji atau tidak ...
Posting Komentar
🔗BACA SELENGKAPNYA »

KAUM ANTI SESAJEN

🔓Owner Post Published 🕕
Dulu, di Sumatera Barat, kaum Muslim terbelah dua antara mereka yang ingin mempertahankan tradisi lokal dan mereka yang ingin menghancurkannya. Kelompok pertama disebut "Kaum Tua", sedangkan kelompok kedua disebut "Kaum Muda." Fenomena itu tak hanya terjadi di Minangkabau. Di pulau Jawa, kaum tua dan kaum muda juga ada, dan mereka bersitegang. Di Yogyakarta, kaum muda mendirikan perkumpulan dan mereka memberi nama "Muhammadiyah" artinya pengikut Nabi Muhammad. Salah satu kegiatan rutin kaum muda adalah merazia sesajen yang biasanya dilakukan oleh kaum tua. Jika ada sesajen, mereka langsung menendangnya, sambil teriak "allahu akbar" atau "astaghfirullah." Mereka beranggapan bahwa sesajen itu musyrik. Ketika kecil, saya masih melihat sesajen di bawah pohon besar di kampung kami, di pinggiran Jakarta. Dulu, kami tidak menendangnya, tapi mengambil beberapa makanan di sesajian itu. Biasanya pisang lampung dan kueh lapis, untuk kami makan sec...
Posting Komentar
🔗BACA SELENGKAPNYA »

INGIN ANAKMU TIDAK TERSESAT

🔓Owner Post Published 🕕
Ingin Anakmu Tidak Tersesat? Ini Wasiat Guru Sekumpul Martapura KH Muhammad Zaini Abdul Ghani (1942-2005) adalah seorang ulama’ besar dan tokoh kharismatik dari Banjar Kalimantan. Beliau biasa disapa Abah Guru Sekumpul atau Tuan Guru Ijai. Ulama’ yang masih cucu Rasulullah ini mendidik masyarakat dengan sangat sejuk, santun, dan mendamaikan hati. Kepada para muridnya, Guru Sekumpul selalu mengajak agar tidak tersesat. Guru Sekumpul setia menuntun dan menemani santri dan masyarakat menuju cahaya dan ajaran Nabi Muhammad SAW. Makanya, muridnya beliau tidak hanya yang berada di pesantren saja, melainkan juga para pejabat negara, politisi, militer, pengusaha, dan lainnya. Gus Dur dikenal sangat dengan Guru Sekumpul. Terkait masalah pendidikan anak, Guru Sekumpul memberikan wasiat khusus kepada para orang tua. Wasiat Guru Sekumpul berangkat dari nilai-nilai ruhani, sehingga anak anak benar-benar memegang teguh aqidah Islam. Berikut ini beberapa wasiat Guru Sekumpul agar anak ...
Posting Komentar
🔗BACA SELENGKAPNYA »