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

EMPAT BELAS CARA MENJADI ATASAN YANG BERWIBAWA DAN DISUKAI BAWAHAN

🔓Owner Post Published 🕕
Datang tepat waktu. Sebagai atasan, Anda wajib datang tepat waktu terlepas dari sibuk tidaknya Anda dengan urusan nonpekerjaan (lihat 7 tips agar datang tepat waktu). Bila Anda datang tdak tepat waktu, bawahan Anda akan tidak respek kepada Anda karena beralasan mereka juga bisa datang terlambat karena Anda sebagai atasannya biasa terlambat masuk kerja. Reward vs Punishment. Banyak kekecewaan bawahan kepada atasannya karena penilaian atasan yang tidak adil. Misal, Anda memberi penilaian keinerja yang sama antara bawahan yang rajin dengan yang malas. Ini biasanya memberikan demotivasi bagi bawahan yang rajin bekerja karena mereka merasa sia-sia bekerja rajin. Untuk memotivasi bawahan, Anda harus menerapkan reward and punishment. Sebagi contoh, beerilah penilaian yang lebih (reward) kepada bawahan yang rajin bekerja daripada bawahan yang malas bekerja (punishment). Dengan demikian, bawahan yang rajin dan malas akan tahu penyebab mereka mendapat kenaikan gaji sebesar itu. Diharapkan, ...
Posting Komentar
🔗BACA SELENGKAPNYA »

CIRI CIRI KONFLIK MASYARAKAT

🔓Owner Post Published 🕕
Konflik berasal dari kata kerja Latin configere yang berarti saling memukul. Secara sosiologis, konflik diartikan sebagai suatu proses sosial antara dua orang atau lebih (bisa juga kelompok) dimana salah satu pihak berusaha menyingkirkan pihak lain dengan menghancurkannya atau membuatnya  tidak berdaya. Konflik dilatarbelakangi oleh perbedaan ciri-ciri yang dibawa individu  dalam suatu interaksi. perbedaan-perbedaan tersebut diantaranya adalah  menyangkut ciri fisik, kepandaian, pengetahuan, adat istiadat, keyakinan,  dan lain sebagainya. Baca juga  aktor-faktor-terjadinya-konflik-sosial Dengan dibawasertanya ciri-ciri individual dalam interaksi sosial, konflik merupakan situasi yang wajar dalam setiap masyarakat dan tidak satu masyarakat pun yang tidak pernah mengalami  konflik antar anggotanya atau dengan kelompok masyarakat lainnya, konflik hanya akan hilang bersamaan dengan hilangnya masyarakat itu sendiri. Konflik bertentangan dengan inte...
Posting Komentar
🔗BACA SELENGKAPNYA »

DELAPAN INDIKATOR BLOG DIANGGAP SPAM DAN DIHAPUS OLEH GOOGLE

🔓Owner Post Published 🕕
Untuk situs berita dan belanja otomotif, lihat Weblogs, Inc. Untuk spamming yang dilakukan melalui komentar di blog yang sah, lihat Spam di blog. Blog spam, juga dikenal sebagai blog otomatis atau splog neologisme, adalah blog yang penulis gunakan untuk mempromosikan situs web terafiliasi, untuk meningkatkan peringkat mesin telusur dari situs terkait, atau sekadar menjual tautan/iklan. Tujuan dari splog bisa untuk meningkatkan PageRank atau portofolio backlink situs afiliasi, untuk meningkatkan tayangan iklan berbayar dari pengunjung (lihat blog dibuat untuk AdSense atau MFA), dan/atau menggunakan blog sebagai outlet tautan untuk menjual tautan atau membuat situs baru diindeks. Blog spam biasanya merupakan jenis situs pengikis, di mana konten sering berupa teks yang tidak asli atau hanya dicuri (lihat pengikisan blog) dari situs web lain. Blog-blog ini biasanya berisi sejumlah besar tautan ke situs-situs yang terkait dengan pembuat splog yang sering kali merupakan situs web yang tidak ...
Posting Komentar
🔗BACA SELENGKAPNYA »

TEORI POLITIK

🔓Owner Post Published 🕕
Politik adalah proses pembentukan dan pembagian kekuasaan dalam masyarakat yang antara lain berwujud proses pembuatan keputusan, khususnya dalam negara. Pengertian ini merupakan upaya penggabungan antara berbagai  definisi yang berbeda mengenai hakikat politik yang dikenal dalam ilmu  politik. Politik adalah seni dan ilmu untuk meraih kekuasaan secara konstitusional  maupun nonkonstitusional. Di samping itu politik juga dapat ditilik dari sudut pandang berbeda, yaitu antara lain: Politik adalah usaha yang ditempuh warga negara untuk mewujudkan kebaikan bersama (teori klasik Aristoteles), politik adalah hal yang berkaitan dengan penyelenggaraan pemerintahan dan  Negara, politik merupakan kegiatan yang diarahkan untuk mendapatkan dan   mempertahankan kekuasaan di masyarakat, politik adalah segala sesuatu tentang proses perumusan dan pelaksanaan kebijakan publik. Teori politik merupakan kajian mengenai konsep penentuan tujuan politik, bagaimana mencapai...
Posting Komentar
🔗BACA SELENGKAPNYA »

KOMUNIKASI VERBAL

🔓Owner Post Published 🕕
KOMUNIKASI VERBAL :  Istilah verbal dalam kamus bahasa indonesia adalah lisan, maksudnya   komunikasi dilakukan antara pembicara dan pendengar hanya menggunakan lisan   saja. Sedangkan dalam ilmu komunikasi menyatakan bahwa istilah komunikasi   verbal yaitu proses penyampaian informasi berupa lisan dan tulisan. Komunikasi verbal adalah bentuk komunikasi yang ada dalam kehidupan manusia  dalam hubungan atau interaksi sosialnya pengertian komunikasi verbal   (verbal communication) adalah bentuk komunikasi yang disampaikan  komunikator kepada komunikan dengan lisan (oral) atau tulisan (written).  Dari pengertian komunikasi verbal tersebut maka jelas peranannya sangat   besar karena sebagian proses komunikasi langsung dengan komunikasi verbal   ide-ide, pemikiran atau keputusan lebih mudah disampaikan secara verbal   daripada non verbal. Pada komunikasi verbal ini komunikan juga lebih mudah...
Posting Komentar
🔗BACA SELENGKAPNYA »