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

SIBUK SOAL BICARA TUHAN TAPI LUPA MAKHLUK CIPTAANNYA

🔓Owner Post Published 🕕
Ketika engkau membenci seseorang, apakah engkau benar-benar memahami siapa yang engkau benci dan kenapa engkau membencinya? Hanya karena informasi sepihak engkau mudah sekali mengaktifkan rasa kebencian di dalam dirimu. Sebagaimana dua sisi mata uang, seseorang mempunyai banyak sisi. Jika engkau baru mendapatkan pengetahuan tentang seseorang dari satu sisi saja, bukan berarti kamu sudah mengetahui semua sisi dirinya sepenuhnya. Tahanlah kebencianmu, tahanlah penilaianmu. Berikan kesempatan pada hal-hal yang belum engkau ketahui. Agar tidak tertutup mata bathinmu karena egomu yang merasa tahu. Dan engkau harus tahu, energi kebencian itu luar biasa dia akan sangat menguras daya ruhanimu. Orang yang termakan ego kebenciannya sendiri akan terus menerus memproduksi pikiran kebencian dan semakin menderita oleh karena pikiran-pikiran didalam jiwanya, apapun yang dilakukan orang lain yang dibenci akan selalu salah, dunia terasa gelap dan kemarahan semakin memakan pikiran dan jiwanya, di...
Posting Komentar
🔗BACA SELENGKAPNYA »

ILMU POLITIK DAN PSIKOLOGI

🔓Owner Post Published 🕕
Psikologi berasal dari bahasa Yunani “psycos” yang berarti jiwa dan “logos” yang berarti ilmu, jadi ilmu yang mempelajari tentang jiwa manusia. Proses pendekatan ilmu politik banyak memakai hukum-hukum dan dalil-dalil psikologi dalam menjelaskan gejala-gejala politik dan penyelidikan tentang motif-motif yang menjadi dasar setiap proses politik.  Sarjana psikologi  mengembangkan pendapat pendapat mereka tentang naluri, emosi, dan kebiasaan individu atau “psyche” seseprang. Pengetahuan “psyche” seseorang dapat menjelaskan seluruh tingkah laku dan sikap orang itu. Dalam penyelidikan pendapat umum, propaganda, parpol, masalah kepemimpinan dan revolusi amat banyak di pergunakan hukum-hukum dan dalil-dalil psikologi itu. Psikologi sosial adalah pengkhususan psikologi yang mempelajari hubungan  timbal balik antara manusia dan masyarakat, khususnya faktor-faktor yang  mendorong manusia untuk berperan dalam ikatan kelompok sosial, bidang  psikologi umumnya memu...
Posting Komentar
🔗BACA SELENGKAPNYA »

APA ITU RUH

🔓Owner Post Published 🕕
Apa itu Ruh ? Firman Allah dalam surah Al-Isra ayat 85 : "Dan mereka bertanya kepadamu tentang ruh. Katakanlah: “Ruh itu termasuk urusan Tuhan-ku, dan tidaklah kamu diberi pengetahuan melainkan sedikit”. Firman Allah diayat ini menyatakan bila ilmu tentang Ruh ini yang dapat diungkap pengetahuannya kepada para hamba-Nya hanyalah sedikit saja. Nabi Muhammad sebagai Utusan Allah juga sama seperti manusia biasa yang mempunyai sisi manusiawi yang memiliki umur dan usia. Rasulullah memiliki keterbatasan waktu di dunia ini untuk menjalankan tugas Dakwahnya kepada para ummatnya setelahnya, maka kemudian Allah mewariskan tugas ini kepada para ulama yang shalih yang sudah mencapai kesucian ruh dan beberapa telah Allah berikan bashiroh (pandangan yang jelas) kepadanya. Siapa mereka? Mereka adalah para Wali Allah. Para Wali Allah sebagai ahli bashiroh telah dibukakan mata hatinya untuk mengetahui jalan menuju Allah, mereka inilah yang disebut Warasatul Anbiya. Post ini adal...
Posting Komentar
🔗BACA SELENGKAPNYA »

PENGERTIAN TEKNIK KOMUNIKASI

🔓Owner Post Published 🕕
Teknik berbicara efektif adalah berbicara secara menarik dan jelas sehingga dapat dimengerti dan mencapai tujuan yang diharapkan di dalam komunikasi. Teknik berbicara di dalam berkomunikasi harus menyesuaikan diri antara komunikator dan komunikan kepada pesan (message) yang dipercakapkan Teknik komunikasi digunakan supaya komunikasi antar manusia terjalin secara efektif. Pengertian teknik adalah suatu cara yang digunakan untuk melakukan sesuatu hal. Sedangkan pengertian komunikasi adalah penyampaian informasi dari komunikator ke komunikan melalui media tertentu. Maka pengertian teknik komunikasi adalah suatu cara yang digunakan dalam menyampaikan informasi dari komunikator ke komunikan dengan media tertentu. Dengan adanya teknik ini diharapkan setiap orang dapat secara efektif melakukan komunikasi satu sama lain dan secara tepat menggunakannya. TEKNIK-TEKNIK DALAM KOMUNIKASI Beberapa teknik dalam komunikasi : Ucapan yang jelas dan idenya tidak ada makna ganda, utuh. Ber...
Posting Komentar
🔗BACA SELENGKAPNYA »

PERATURAN TWITTER

🔓Owner Post Published 🕕
Kami berkomitmen untuk menciptakan budaya kepercayaan, keamanan, dan rasa  hormat. Sebagai platform yang terbuka dan global, Twitter adalah rumah bagi  berbagai orang, sudut pandang, ide, dan informasi. Itulah mengapa kami  berfokus untuk memberikan kekuatan pada tiap suara untuk memberi dampak  pada dunia dengan membantu orang-orang melihat setiap sisi cerita saat  cerita bergulir. Kami memiliki serangkaian aturan untuk ratusan juta orang yang menggunakan  Twitter dan ratusan juta Tweet yang dikirim setiap hari. Untuk menjadikan  Twitter sebagai platform yang lebih aman, Peraturan Twitter mencakup tren  terbaru dalam perilaku online, mempertimbangkan konteks budaya dan sosial,  dan membantu menetapkan ekspektasi seputar apa yang diperbolehkan di  platform. Kami bekerja dengan beberapa ahli keamanan online terkemuka yang  tercantum di Dewan Kepercayaan dan Keamanan global kami untuk petunjuk dan  umpan balik mengenai ...
Posting Komentar
🔗BACA SELENGKAPNYA »