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

CARA MENGATASI RASA TAKUT BICARA DIDEPAN UMUM

🔓Owner Post Published 🕕
Mengatasi Rasa Takut Berbicara di Depan Umum Takut berbicara di depan umum adalah fobia yang umum. Hal ini dapat berkisar dari gugup ringan sampai dengan rasa takut dan panik yang melumpuhkan anda. Banyak orang yang takut berbicara di depan umum menghindari situasi untuk berbicara di depan umum sama sekali, atau mereka akan menderita melalui suara dan tangan yang bergetar. Namun sebetulnya dengan persiapan dan ketekunan, anda dapat mengalahkan rasa takut anda. Langkah-langkah dibawah ini dapat membantu: • Menguasai topik anda. Semakin baik anda memahami apa yang anda bicarakan – dan semakin anda peduli tentang topik tersebut – semakin kecil kemungkinan anda akan membuat kesalahan. Dan jika anda keluar dari jalur, anda akan dapat kembali dengan segera. Luangkan waktu untuk mempertimbangkan apa kira-kira pertanyaan para audiens yang akan dilontarkan dan siapkan jawaban anda. • Organisir segala sesuatu. Hati-hati dalam menyajikan informasi yang ingin anda sampaika...
Posting Komentar
🔗BACA SELENGKAPNYA »

TENTANG RUH-1

🔓Owner Post Published 🕕
Menurut ilmu Tasawwuf dalam kitab kitab makrifatullah pada diri manusia terdapat sembilan jenis Ruh. Masing-masing Ruh mempunyai fungsi masing masing. Ke sembilan macam Ruh yang ada pada manusia adalah sebagai berikut : 1. Ruh Idhofi Ruh idhofi adalah Ruh yang utama bagi manusia. Ruh Al-Hayat / Ruh segala sumber kehidupan. Ruh ini merupakan sumber dari 8 ruh-ruh lainnya. Ruh Idhofi juga disebut sebagai Jauhar awal suci, karena ruh inilah maka manusia dapat hidup. Bila ruh idhofi keluar dari tubuh, manusia akan mati. Disini Ruh Idhofi umumnya disebut sebagai nyawa. Ruh idhofi ini berada di alam wahdah karena ruh ini adalah pancaran langsung dari Nur Muhammad. Bentuk Ruh ini ghaib / tidak kasat mata / metafisik. Wujud Ruh ini mirip diri sendiri, baik rupa maupun suara serta segala sesuatunya. 2. Ruh Qudus Ruh qudus (Ruh yang paling Suci) : Ruh ini bagian dari Ruh idhofi. perbedaan Ruh qudus dengan Ruh idhofi adalah Ruh qudus hanya ditiupkan khusus pada makhluk ...
Posting Komentar
🔗BACA SELENGKAPNYA »

TULISAN QURAISH SHIHAB KEPADA PUTRINYA NAZWA

🔓Owner Post Published 🕕
M eskipun Najwa Shihab di pecat dari Acara Mata Najwa ... ayahnya (Prof. Quraish Shihab) membekali Najwa Shihab dengan nasihat yang bagus. *Tulisan Prof. Quraish Shihab kepada putrinya Najwa*. "Keberuntungan" kadang memainkan perannya dalam kehidupan manusia, sekalipun kerap tidak masuk akal. Karena itulah takdir mereka._ Boleh jadi keterlambatanmu dari suatu perjalanan adalah keselamatanmu. Boleh jadi tertundanya pernikahanmu adalah suatu keberkahan. Boleh jadi dipecatnya engkau dari pekerjaan adalah suatu maslahat. Boleh jadi sampai sekarang engkau belum dikarunia anak itu adalah kebaikan dalam hidupmu. Boleh jadi engkau membenci sesuatu tapi ternyata itu baik untukmu, karena Allah Maha Mengetahui, sedangkan engkau tidak mengetahui._ Sebab itu, jangan engkau merasa gundah terhadap segala sesuatu yang terjadi padamu, karena semuanya sudah atas izin Allah._ Jangan banyak mengeluh karena hanya akan menambah kegelisahan. Perbanyaklah bersyukur, Alhamdulillah, itu yang akan mend...
2 komentar
🔗BACA SELENGKAPNYA »

CONTOH 2 CARA MEMASANG, MEMBUAT DAN MODIFIKASI LABEL CLOUD KEREN PADA BLOG

🔓Owner Post Published 🕕
Pada kesempatan ini saya akan berbagi tutorial tentang cara membuat label cloud keren dan tampil cantik di blog. Label atau kategori adalah untuk mengelompokkan postingan blog sesuai dengan tema yang diangkat, sebagaimana label blogger maka postingan didalamnya adalah seputar dunia blogger baik tutorial maupun tips trik. Agar pengunjung dapat membaca artikel sesuai kategori yang diinginkan, maka sebaiknya label dipadang pada bagian sidebar. Nah agar terlihat menarik maka perlu dimodifikasi terlebih dahulu, sehingga tampilan label cloud nanti terlihat menarik untuk dikunjungi. Label blogger dibagi menjadi 2 yaitu label dengan bentuk list dan label berbentuk cloud, ternyata label versi cloud lebih banyak diminati dengan alasan tampilan lebih feleksibel dan banyak tampilan menarik yang bida dipasang di blog. Perbedaannya pada label daftar atau list ini tampilannya dari atas ke bawah setiap label atau kategori terdiri dari satu baris, sedangkan label cloud tampilannya dari kiri ke kanan se...
Posting Komentar
🔗BACA SELENGKAPNYA »

PENDAHULUAN FACEBOOK

🔓Owner Post Published 🕕
Setiap hari, orang menggunakan Facebook untuk membagikan ceritanya, melihat  dunia melalui mata orang lain, serta berhubungan dengan teman dan berbagai  aktivitas. Percakapan yang terjadi di Facebook menunjukkan keragaman  komunitas yang terdiri dari dua miliar orang yang berkomunikasi di berbagai  negara dan budaya, serta dalam puluhan bahasa, memposting semua hal mulai  dari teks hingga foto dan video. Kami mengakui betapa penting bagi Facebook untuk menjadi tempat yang  membuat orang merasa mampu berkomunikasi, dan kami menganggap serius peran  kami dalam mencegah penyalahgunaan layanan kami. Karena itulah kami  menyusun seperangkat Standar Komunitas yang menjelaskan secara garis besar  hal-hal yang diizinkan dan dilarang di Facebook. Standar kami berlaku di   seluruh dunia dan untuk segala jenis konten. Standar ini dirancang  komprehensif – misalnya, konten yang mungkin tidak dianggap ujaran kebencian mungkin tetap ak...
Posting Komentar
🔗BACA SELENGKAPNYA »