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

PERBEDAAN SISTEM KOMUNIKASI VERBAL DAN NON VERBAL

🔓Owner Post Published 🕕
Komunikasi Verbal Dan Non verbal Perbedaan pada kedua sistem komunikasi memang terlihat sangat mecolok. Namun, tak ada salahnya jika kita mempelajari perbedaan keduanya lebih dalam agar dapat menambah pengetahuan kita tentang komunikasi. ada perbedaan antara kedua sistem komunikasi. Pertama, komunikasi nonverbal yang dianggap lebih jujur??. Jika perilaku verbal dan nonverbal yang tidak konsisten, kebanyakan orang percaya perilaku nonverbal.  Ada sedikit bukti bahwa perilaku nonverbal sebenarnya lebih dapat dipercaya daripada komunikasi verbal, setelah semua, kita sering mengontrolnya cukup sadar. Meskipun demikian, hal itu dianggap lebih dapat dipercaya. (Anderson, 1999) Kedua, tidak seperti komunikasi verbal, komunikasi nonverbal adalah multi disalurkan. komunikasi verbal biasanya terjadi dalam satu saluran, komunikasi verbal lisan yang diterima melalui pendengaran, dan komunikasi verbal tertulis dapat dilihat, dirasakan, didengar, berbau, dan mencici...
Posting Komentar
🔗BACA SELENGKAPNYA »

DOMAIN.ID : PENGERTIAN, SEJARAH, FUNGSI, KEUNGGULAN DAN PENGUNAANNYA

🔓Owner Post Published 🕕
Dunia teknologi memang banyak mendatangkan manfaat bagi kita. Ada banyak yang bisa dilakukan dengan teknologi bukan hanya seputar untuk memudahkan pekerjaan saja. Namun juga bisa digunakan untuk mencari uang. Ada banyak alternatif pilihan yang dimanfaatkan orang dengan teknologi khusus nya jejaring sosial. Salah satu yang paling banyak dimanfaatkan adalah situs-situs yang bisa menghasilkan uang atau sejenis web. Banyak orang yang meniti karir sebagai content writer di internet dan menjadikannya lahan lapangan kerja baru. Nah, ketika memulai bisnis Anda dinternet Anda membutuhkan situs yang dapat Anda buat sendiri dan Anda membutuhkan yang nama nya Domain. Melalui domain Anda dapat memulai bisnis Anda baik yang berupa small bussines website, Online store builder, dan lain-lain. Dalam membuat domain perusahaan atau bisnis tertentu biasanya menggunakan nama yang unik atau sesuai dengan bisnis nya. Biasanya mereka melihat target seperti apa yang jadi sasaran atau sebagai pembaca. Domain ya...
Posting Komentar
🔗BACA SELENGKAPNYA »

HAMBATAN KOMUNIKASI VERBAL

🔓Owner Post Published 🕕
Komunikasi verbal paling sering dilakukan masyarakat ketika menyapa, bertemu dan mengobrol. Bisa dibilang pergaulan masyarakat hampir seluruhnya  melalui bicara. Berkomunikasi melalui simbol-simbol verbal atau bahasa melalui tulisan atau lisan dikenal dengan komunikasi verbal. Komunikasi ini  erat kaitannya dengan bahasa yaitu kata-kata yang digunakan untuk bergaul dengan orang lain yang berfungsi untuk: Memberi nama. Ini adalah fungsi bahasa pada dasarnya untuk mengenal orang, perilaku, objek, dengan menyebut namanya maka terjadilah komunikasi. Bergaul dengan orang lain, berkaitan dengan mengekspresikan  perasaan-perasaan manusiawi (emosional) dalam pergaulan dengan kata-kata  ketika bingung, marah, bahagia, dan perasaan lainnya. Menyampaikan berita/informasi menceritakan semua hal yang terjadi, masa lalu, masa kini, masa yang akan datang sehingga menciptakan kebudayaan. Ketika banyak terjadi tokoh politik, ekonomi, budayawan, pejabat, yang ketika berbica...
Posting Komentar
🔗BACA SELENGKAPNYA »

FUNGSI KOMUNIKASI NON VERBAL

🔓Owner Post Published 🕕
Fungsi pertama : Repetisi Perilaku nonverbal dapat mengulangi perilaku verbal. Misalnya, Anda  menganggukkan kepala ketika mengatakan "Ya," atau menggelengkan kepala  ketika mengatakan "Tidak," atau menunjukkan arah (dengan telunjuk) ke mana  seseorang harus pergi untuk menemukan Water Close. Fungsi Kedua : Subtitusi Perilaku nonverbal dapat menggantikan perilaku verbal, jadi tanpa berbicara. Anda bisa berinteraksi dengan orang lain. Misalnya, seorang pengamen  mendatangi mobil Anda kemudian tanpa mengucapkan sepatah katapun Anda  menggoyangkan tangan Anda dengan telapak tangan mengarah ke depan (sebagai  kata pengganti "Tidak"). Isyarat nonverbal yang menggantikan kata atau frasa  inilah yang disebut emblem. Fungsi Ketiga : Kontradiksi Perilaku nonverbal dapat membantah atau bertentangan dengan perilaku verbal  dan bisa memberikan makna lain terhadap pesan verbal . Misalnya, Anda  memuji prestasi teman sambil mencibirkan bibir...
Posting Komentar
🔗BACA SELENGKAPNYA »

ILMU POLITIK DAN ILMU HUKUM

🔓Owner Post Published 🕕
Sejak dulu ilmu hukum sangat erat kaitannya dengan ilmu politik, karena mengatur dan melaksanakan undang-undang merupakan salah satu kewajiban negara yang penting. Terutama negara-negara Benua Eropa, ilmu hukum sejak dulu kala erat hubungannya dengan ilmu politik, karena mengatur dan melaksanakan undang-undang merupakan salah satu kewajiban negara yang penting.  Cabang-cabang ilmu hukum yang khususnya meneropong negara ialah hukum tata-negara (dan ilmu negara). Ahli hukum melihat negara semata-mata sebagai lembaga atau organisasi hukum, maka ahli ilmu politik lebih selain cendrung menganggap negara sebagai system of controls, juga memandang negara sebagai suatu asosiasi atau sekelompok manusia yang bertindak untuk mencapai beberapa tujuan bersama.  Setiap masyarakat baik modern maupun primitif harus berdasarkan kepada ketertiban. Hukum dibuat, dijalankan dan dipertahankan oleh suatu kekuasaan. Pada saat ini, kekuasaan itu adalah Negara. Dalam hal ini sudah nampak hubungan ...
Posting Komentar
🔗BACA SELENGKAPNYA »