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 »

CARA MEMBENTUK MARKETING DALAM BISNIS BARU

🔓Owner Post Published 🕕
Pentingnya Membentuk Marketing dalam Bisnis Baru Definisi marketing ialah sebuah tim yang dibentuk secara khusus untuk meningkatkan penjualan produk perusahaan. Transaksi antara penjual dan pembeli berawal dari peran tim ini. Penguasaan materi terkait semua yang berhubungan degan produk wajib dimiliki. Hal tersebut guna menjawab pertanyaan-pertanyaan yang diajukan oleh calon pembeli. Komunikasi yang baik sangat diperlukan agar masyarakat yakin bahwa produk yang ditawarkan bermanfaat bagi mereka. Keberhasilan tim ditunjukkan dari jumlah produk yang berhasil terjual dalam jangka waktu yang telah ditentukan. Bisnis yang masih tergolong baru wajib membentuk tim marketing guna menjalankan perannya dengan tepat. Tanggungjawab yang harus diemban relatif besar karena nasib akhir perusahaan ada di tangan tim pemasar. 1. Pengenalan Produk Bisnis baru menghadirkan sesuatu yang belum diketahui masyarakat luas. Bagaimana mereka dapat membeli jika tidak mengenal produk yang Anda kel...
Posting Komentar
🔗BACA SELENGKAPNYA »

KRITIK KONSTRUKTIF JADIKAN MANFAAT

🔓Owner Post Published 🕕
Mengkritik bisa dilakukan oleh siapa saja. Bahkan, banyak orang yang memiliki kebiasaan suka mengkritik. Sebagai contoh, kritik tentang situasi nasional acap kali dilontarkan oleh rakyat jelata atau   masyarakat yang berada di luar lingkaran kekuasaan. Aktivitas melontarkan kritik lebih mudah dilakukan dari pada memberi masukkan dan membuat program aplikatif. Setiap orang tentu akan mendapatkan kritik dari orang lain. Apabila tanggung jawab yang diberikan atasan tidak selesai atau hasilnya di luar harapan, atasan akan serta-merta mengkritik hasil pekerjaan bawahan. Atasan tidak pernah peduli terhadap apa yang telah dilakukan bawahan dalam mengerjakan tanggung jawab tersebut. Atasan hanya menuntut dua hal, yaitu pekerjaan selesai dan hasilnya baik. Begitulah gambaran dunia kerja yang menuntut profesionalisme tinggi. Bagi anda yang menghendaki menjadi orang nomor satu dan terbaik dilingkungan pekerjaan, ada baiknya menerima kritik dari atasan atau kolega dengan hati lapang. ...
Posting Komentar
🔗BACA SELENGKAPNYA »

KEUNTUNGAN MENGGUNAKAN HASIL REDESAIN TEMPLATE BAWAAN BLOGGER MEMASANG RELATED POST

🔓Owner Post Published 🕕
Anda tidak perlu takut dengan kode kode script nakal yang menggunakan unicode, standar kode tetap terjaga, stabilitas terjamin, update selalu akan mengikuti prosedur keamanan yang standar. Aman dan nyaman di pergunakan Tampilan contempo, soho, emporio dan notable adalah sangat mobile, dan hasil modifikasi desain menjadikannya sangat dinamis, tampak bersih. Anda juga mempunyai kesempatan belajar mendesain, re-desain dan mempertajam ketrampilan seni desain web. Keuntungan lain memakai template bawaan blog yang telah di modifikasi adalah kita tetap dapat mengedit desain blog dasar melalui blogger desain bawaan di dasbor, tidak ada opsi yang terhapus atau di disable. Semuanya tetap dengan kemudahan, namun dengan hasil template premium, anda benar benar akan terkagum kagum dengan kecantikan dan kecepatannya. Related post tampak penting dan tidak penting bagi sebuah blog tergantung selera, namun jika anda ingin memasangnya pada tema  contempo, soho, emporio dan notable , anda dapat mengi...
Posting Komentar
🔗BACA SELENGKAPNYA »

DIDALAM AJARAN TASAWUF QALBU RUHANI SERING DISEBUT DENGAN "HATI NURANI"

🔓Owner Post Published 🕕
Ada yang bertanya tentang Hati dan seperti apa bentuknya? Pertanyaannya : Apakah hati itu bisa berfikir? Bukankah fikiran itu asalnya dari otak. Dan pertanyaannya ini jadi bahan olokan bagi orang atheis, bahwa orang yang percaya dengan Tuhan itu tidak menggunakan akalnya (Otaknya) dan hanya mengimani kata kata nabinya begitu saja. Sesungguhnya ajaran agama dan sains (ilmu pengetahuan) itu saling menguatkan dan tidak berseberangan. Saat proses penciptaan manusia di alam rahim organ yang pertama kali hidup adalah jantung, dan saat ajal kematian tiba, organ yang pertama kali mati adalah jantung pula. Artinya apa? Otakmu itu takkan berfungsi jika jantungmu mati, otakmu itu bisa berfikir jika jantungmu masih berfungsi. Didalam tharekat sufi diajarkan tentang dzikir nafas, naik turunnya nafas dengan lafadz dzikir yang berfungsi membersihkan hati. Hati yang mana yang dimaksud? Di dalam ajaran agama islam. Qolbu itu letaknya di dalam dada yang kebanyakan u...
Posting Komentar
🔗BACA SELENGKAPNYA »