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

BIOGRAFI SYAIKH AHMAD BIN MUHAMMAD AT TIJANI AL HASANI RA

🔓Owner Post Published 🕕
Biografi Syaikh; Sang ahli hakikat dan penutup Para wali : Sayyidi Abul Abbas Ahmad bin Muhammad At-Tijany Ra. Beliau adalah Sayyidi Abu Al Abbas Ahmad bin Muhammad bin Al Mukhtar bin Ahmad bin Muhammad bin Salim bin Al lid bin Salim bin Ahmad bin Ahmad bin Ali bin Abdullah bin Al Abbas bin Abd Al Jabbar bin Idris bin Ishaq bin All Zainal Abidin bin Ahmad bin Muhammad bin Hasan Al Mutsanna bin Al Hasan As-Sabt bin Ali bin Abi Thâlib, suami dan Fathimah Az-Zahra ; penghulunya wanita penghuni surga; yang juga merupakan putri Rasulullah Saw. Beliau termasuk keturunan Nabi yang mulia, pemilik Futuh Al Mubiin :  sossoknya memiliki kedudukan yang tinggi, sang wali quthb yang tersembunyi dan sosok Imam yang mulia. Suatu ketika pernah ada yang bertanya kepada beliau, " Apa kelak akan ada seseorang yang berbohong atas namamu?," Beliau menjawab , " iya, maka jika kalian mendengar sesuatu dariku, timbanglah itu dengan secara syariat, jika itu sesuai dengan syariat, maka amalkanlah,...
Posting Komentar
🔗BACA SELENGKAPNYA »

TUJUH CARA MELATIH DIRI MENJADI PEMIMPIN YANG LEBIH BAIK.

🔓Owner Post Published 🕕
Memimpin sebuah perusahaan baik besar maupun kecil bukanlah hal yang mudah. Ada banyak yang harus dipelajari dan dilakukan untuk menjadi pemimpin baik yang mampu membawa perusahaan menjadi sukses. Mencapai dan melebihi target dalam sebuah bisnis memang dinilai menjadi tolak ukur kesuksesan seorang pemimpin. Karena ketika itu terjadi, pemimpin tersebut dinilai mampu memimpin dengan benar dan tepat, sehingga mampu membawa bisnis mencapai sukses. Terlihat rumit dan berat saat difikir untuk dijalani. Tapi menjadi seorang pemimpin yang baik dan besar bukanlah hal yang sulit untuk dipelajari. Kita bisa melatih diri kita untuk menjadi pemimpin yang lebih baik dari sebelumnya. Ini dia caranya: 1. Jangan takut akan kegagalan besar Untuk menjadi seorang pemimpin besar tidak ada yang berjalan tanpa satu hambatan sekecil apapun itu. Akan ada banyak rintangan dan tantangan yang harus dihadapi dan dilewati dengan kekuatan sebagai seorang pemimpin. Bukan tanpa alasan, karena ketika seorang...
Posting Komentar
🔗BACA SELENGKAPNYA »

KATA ALHALLAJ IBLIS ITU BERTAUHID , TAPI

🔓Owner Post Published 🕕
Ilustrasi Kata Al-Hallaj, Iblis Itu Bertauhid, Tapi.. Jauh sebelum Nabi Adam As diciptakan sang khalik, Iblis sudah memasrahkan seluruh jiwa raganya dan membuktikan kecintaannya pada Allah dengan merawat ketaatan serta ketauhidan yang bahkan oleh malaikat pun tidak mampu ditandingi. Tiada hari tanpa ibadah kepada Allah. Cinta iblis benar-benar satu dan hanya dipersembahkan untuk Allah. Dalam Alquran romantika ketaatan iblis tertulis pada banyak ayat, salah satunya dalam surat al-Baqarah: 30-37. Ayat-ayat tersebut selama ini banyak dan atau selalu dibawa pada pemaknaan negatifnya; secara general umat manusia sepakat bahwa iblis pongah, enggan bersujud kepada Nabi Adam, lalu dicap sebagai pendurhaka, akan tetapi mari kita coba telisik ayat ini dengan melihatnya dari aspek potitifnya, yang memperlihatkan sebegitu besar ketaatan yang iblis miliki. Setelah Adam diciptakan, Allah lalu memerintahkan iblis untuk sujud kepada Adam. Meski hanya bermakna penghormatan, iblis tidak ...
Posting Komentar
🔗BACA SELENGKAPNYA »

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 »

BENTUK KOMUNIKASI NON VERBAL

🔓Owner Post Published 🕕
Bentuk Komunikasi Non Verbal Ada TuJuh Yaitu :  Komunikasi visual. Komunikasi visual merupakan salah satu bentuk komunikasi yang digunakan untuk menyampaikan pesan berupa gambar - gambar, grafik-grafik,  lambang-lambang, atau simbol-simbol. Dengan menggunakan gambar-gambar yang  relevan, dan penggunaan warna yang tepat, serta bentuk yang unik akan  membantu mendapat perhatian pendengar. Dibanding dengan hanya mengucapkan  kata-kata saja, penggunaan komunikasi visual ini akan lebih cepat dalam  pemrosesan informasi kepada para pendengar.  Komunikasi sentuhan. Ilmu yang mempelajari tentang sentuhan dalam komunikasi non verbal sering  disebut Haptik. Sebagai contoh : bersalaman, pukulan, mengelus-ngelus,  sentuhan di punggung dan lain sebagainya merupakan salah satu bentuk  komunikasi yang menyampaikan suatu maksud/tujuan tertentu dari orang yang  menyentuhnya. Komunikasi gerakan tubuh. Kinesik atau gerakan tubuh ...
Posting Komentar
🔗BACA SELENGKAPNYA »