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

KOMUNIKASI TRANSENDAL, KOMUNIKASI DENGAN TUHAN

🔓Owner Post Published 🕕
TANYA: Kang mau tanya, komunikasi dengan Tuhan Allah SWT disebut apa ya dalam ilmu komunikasi? JAWAB: Setahu saya, komunikasi dengan Tuhan disebut komunikasi transedental (transcendental communication), yaitu komunikasi dengan audiens atau komunikan yang gaib (tidak terlihat). Tegasnya, komunikasi transendental adalah komunikasi yang berlangsung antara diri kita dengan sesuatu yang gaib. Yang Mahagaib –dalam perspektif Islam– adalah Allah SWT, Tuhan Semesta Alam (Rabbul’ Alamin), Komunikasi dengan makhluk gaib seperti jin juga disebut komunikasi transedental. Namun, ulasan tentang komunikasi berdimensi personal dan vertikal ini lebih mengarah pada komunikasi personal seseorang dengan Tuhannya. Kaum muslim berkomunikasi dengan Allah SWT setiap hari, khususnya dalam shalat lima waktu plus dzikir dan doa-doa lainnya. Baca Juga :  Syaikh-abdul-qadir-al-jailani Setiap kali baca doa, dzikir, mengucapkan kalimah thayibah (tasbih, tahmid, takbir, tahlil) juga termasuk komunikasi transenden...
Posting Komentar
🔗BACA SELENGKAPNYA »

TENTANG RUH-2

🔓Owner Post Published 🕕
5. Ruh Nurani : Ruh ini bagian dari Ruh Idhofi. Ruh Nurani ini bersifat Cahaya. Ruh Nurani adalah hakikat manusia yang disimpan di dalam lubuk hati. Alat dari Ruh Nurani adalah qolbu berdasarkan ayat Alqur'an dalam surah As-Sajdah (32) ayat 9 : "Kemudian Dia menyempurnakannya "dan" meniupkan kepadanya Ruh (Ciptaan)-Nya dan Dia menjadikan bagi kamu pendengaran, penglihatan dan  h a t i. (QS. 32 As-sajdah : 9). Baca Juga :  Tentang-ruh Menurut para sufi hati yang bersifat nurani adalah sebagai  wadah atau  sumber  ma'rifat (ma'rifat qalbiyah). Yakni hati sebagai alat untuk memperoleh sumber pengetahuan Ilahi. Berdasarkan ayat Alqur'an : "Mereka mempunyai hati, tetapi tidak dipergunakan memahamiNYA." (QS Al-A'raaf: 179) Bila Ruh nuraninya bisa bersambung di alam lahut alam ma’rifat atau alam tertinggi. Maka Ruh inilah yang mampu berhubungan dengan Allah. Sebagaimana Allah berfirman dalam hadits Qudsyi : "T...
Posting Komentar
🔗BACA SELENGKAPNYA »

ENAM TIPS MENJADI PEMIMPIN YANG DISUKAI DAN DISEGANI

🔓Owner Post Published 🕕
TUNJUKKAN 1. Disiplin Kedisiplinan dalam mengatur waktu terdengar seperti hal sepele, namun harus selalu Anda jaga. Anda harus menghargai waktu kerja sehingga dapat menjadi teladan bagi karyawan Anda. Disiplin dengan waktu bisa berhubungan dengan tidak telat datang ke kantor dan rapat, termasuk tepat waktu ketika menyelesaikan pekerjaan. Jika Anda bisa disiplin, otomatis karyawan Anda terdorong untuk mengikuti ritme kerja Anda yang selalu menghargai waktu. 2. Terbuka Pemimpin yang bijaksana mau bersikap terbuka ketika berdiskusi. Anda menganggap karyawan Anda sebagai tim yang berhak mengutarakan kritik dan saran. Dengan bersikap terbuka, Anda membuat bawahan Anda ingin berkontribusi secara positif dalam mengeluarkan ide-ide cemerlang untuk kepentingan bersama. Lagipula, pemimpin juga manusia biasa. Karyawan Anda tentu memiliki kemampuan dan pengetahuan yang tidak Anda miliki. Untuk itu, selalu berikan kesempatan untuk bawahan Anda menyampaikan pendap...
Posting Komentar
🔗BACA SELENGKAPNYA »

MENJAGA HARAPAN AGAR TIDAK PUTUS ASA

🔓Owner Post Published 🕕
Gagal dalam berusaha adalah hal biasa. Namun, kegagalan tidak mudah dilalui oleh orang-orang yang kurang memiliki mental tangguh. Akibat, mereka mudah berputus asa atau putus harapan. Seorang pasti mengalami kegagalan. Hanya saja, perbedaan antara orang satu dengan yang lain ialah cara menyikapi. Apakah anda terus meratap atau mengeluh maka keberhasilan akan datang ? tentu saja ada jalan lain yang jauh lebih indah dari pada putus asa. Putus asa atau putus harapan adalah sebuah kondisi psikologis dan kejiwaan seorang pekerja dimana dirinya merasa, berfikir, dan menganggap sesuatu yang menjadi target dan tujuan di masa depan mustahil tercapai. Penyebab timbulnya rasa putus asa dipicu oleh dua factor, yaitu secara internal dan eksternal. Factor internal ialah penyebab yang timbul dari dalam diri, yakni terjadi kesenjangan antara harapan dan kenyataan. Hal ini disebabkan oleh sumber daya yang dimiliki kurang memadai untuk mencapai tujuan. Factor eksternal ialah beberapa peny...
Posting Komentar
🔗BACA SELENGKAPNYA »

CARA MENYEMBUNYIKAN BACKLINK DARI AHREFS, SEMRUSH, MOZ DAN MAJECTIC DARI INTIPAN

🔓Owner Post Published 🕕
Pada postingan kali ini saya akan berbagi tips memblokir perayapan bot crawl dari alat-alat SEO seperti ahrefs, majestic, moz dan semrush yang biasa dipakai oleh mastah-mastah untuk melihat footprint backlink, keyword potensial pada suatu website/blog.  Siapa sih yang suka di intipin? risih kali ya kalau tiba-tiba muncul similiar site yang isinya mengambil apa yang terbaik dari website/blog kita doang khususnya pada artikel-artikel yang potensial mendatangkan trafik, tentunya ini bisa mengurangi kunjungan organik karena keyword kita ditiru oleh pesaing-pesaing apalagi kalau mereka memakai AGC mungkin peringkat anda bisa tersingkir dari halaman pertama google Blogger jaman sekarang pinter-pinter, yang dulunya sekedar asal ngeblog kini hanya fokus membuat konten yang bisa mendulang keuntungan. Kebanyakan tutorial diforum-forum telah membahas penggunaan layanan SEO seperti ahrefs, semrush, moz dan majestic untuk mengintip backlink kompetitor, mengetahui daftar kata kunci bertrafic den...
Posting Komentar
🔗BACA SELENGKAPNYA »