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

KISAH NABI KHIDIR DAN KOTA YANG BERUBAH

🔓Owner Post Published 🕕
Ilustrasi Gambar Dihikayatkan bahwa Nabi Khidhir 'alaihis salam suatu saat ditanya, "Apa yang paling mengherankan yang pernah engkau lihat selama umurmu?"  Beliau kemudian menjawab, "Yang paling mengherankan yang pernah aku lihat,  bahwasanya suatu saat  aku pernah melewati sebuah gurun yang kering nan gersang. Kemudian aku meninggalkannya selama lima ratus tahun.  Kemudian aku melewatinya kembali. Ternyata aku melihatnya menjadi kota yang megah dan menakjubkan, yang dipenuhi pohon-pohonan dan sungai-sungai."  Kemudian aku bertanya kepada salah satu penduduknya, "Sudah berapa tahun kota ini menjadi seramai ini?" Ia menjawab, "Maha Suci Allah. Kami, ayah-ayah kami dan kakek-kakek kami tidak mengetahuinya kecuali sudah seperti ini." Lalu aku meninggalkannya selama lima ratus tahun lagi. Kemudian aku melewatinya lagi. Ternyata kota itu menjadi lautan yang luas dan aku melihat seorang nelayan di situ, lalu aku bertanya kepadanya, "Wahai oran...
Posting Komentar
🔗BACA SELENGKAPNYA »

DELAPAN UNSUR UNSUR PENILAIAN PEKERJAAN

🔓Owner Post Published 🕕
Anda perlu meningkatkan etos kerja sehingga dapat memiliki mental juara.  Berkaitan dengan ini, anda perlu mengetahui ukuran atau standar perusahaan dalam menilai karyawannya yang memiliki etos kerja. Dalam hal ini, Hadari Nawawi mengaitkan unsur-unsur dalam penilaian pekerjaan sebagai berikut : a. Kesetiaan seseorang sebagai karyawan Kesetiaan disini merupakan bagian dari integritas sekaligus salah satu ukuran tinggi rendah etos kerja seseorang. Kesetiaan secara umum dimaknai sebagai kesungguhan seseorang di dalam mengemban dan menjalankan tugas-tugas yang dibebankan kepadanya. Selain itu, setia juga berarti bersedia dengan penuh kesadaran dan tanggungjawab yang diikuti tekat kuat demi mencapai hasil kerja maksimal. b. Prestasi kerja Prestasi merupakan wujud komitmen dan integritas diri. Adapun prestasi kerja ialah hasil kerja yang dicapai oleh seorang karyawan dalam melaksanakan tugas yang dibebankan kepadanya. Prestasi kerja akan dicapai jika pekerja memiliki integri...
Posting Komentar
🔗BACA SELENGKAPNYA »

BIOGRAFI HANIF DHAKIRI : KABINET INDONESIA KERJA JABATAN MENTERI KETENAGAKERJAAN

🔓Owner Post Published 🕕
Biografi Hanif Dhakiri. Saat ini ia dikenal sebagai seorang tokoh politikus Indonesia. Ia pernah menjadi anggota DPR menjadi Menteri Ketenagakerjaan serta Menteri Olahraga pada masa pemerintahan Presiden Joko Widodo. Berikut biografi Hanif Dhakiri beserta profil dan biodata lengkapnya. Biografi Hanif Dhakiri Daftar Isi Biodata Hanif Dhakiri Nama Lengkap : Muhammad Hanif Dhakiri, S.Ag., M.Si. Lahir : Semarang, 6 Juni 1972 Orang Tua : H Zuhri Maksum (ayah), Hj. Siti Hafsoh (ibu) Istri : Marifah Hanif Dhakir Anak : Nabila Setia Izzati, Neilan Setia Izzata, Nameera Setia Izzati Agama : Islam Pekerjaan : Politikus, Menteri Ketenagakerjaan, Plt. Menteri Olahraga Biografi Hanif Dhakiri Hanif Dhakiri dilahirkan di Semarang pada tanggal 6 Juni 1972. Ayahnya bernama H Zuhri Maksum dan ibunya bernama Hj. Siti Hafsoh. Keluarga Hanif Dhakiri bisa dibilang pas-pasan. Ayah Hanif bekerja sebagai guru agama islam yang mengajar sekolah dasar. Dan ibunya diketahu...
Posting Komentar
🔗BACA SELENGKAPNYA »

GURU SUFI : HIKMAH DIBALIK PENAMAAN ILMU TASAWUF

🔓Owner Post Published 🕕
Tasawuf bukanlah ilmu yang diambil dari perkataan-perkataan kosong, akan tetapi ilmu yang didapatkan karena (menahan) rasa lapar, melepas semua kesenangan dan keindahan  Beragama Islam dengan paripurna adalah mengikuti semua yang dibawa oleh Nabi Muhammad saw dari Allah swt, mengimanainya dengan cara mematuhi semua perintah dan larangannya. Semua itu sudah tergambar sejak masa awal Nabi Muhammad mengajarkan cara beragama yang benar kepada para sahabatnya, kemudian dari sahabat Nabi saw berlanjut pada generasi selanjutnya, yang dikenal dengan tâbi’în, yaitu orang-orang yang hidup bersama orang-orang yang hidup bersama Rasulullah saw. Dari tiga generasi emas ini, kemudian banyak ulama bermunculan mendakwahkan Islam.  Ulama masa tâbi’în dan tâbi’ut tâbi’în kala itu menuliskan semua ajaran Islam yang mereka pelajari, sampai akhirnya ulama terbagi menjadi beberapa bagian. Ada yang hanya fokus mendalami ilmu hadits kemudian menyebarkannya. Mereka dikenal dengan istilah muhaddits. Ad...
Posting Komentar
🔗BACA SELENGKAPNYA »

GERAKAN ISLAM DI TANAH BANJAR : BEBERAPA KISAH RECEH TUAN GURU DI TANAH BANJAR

🔓Owner Post Published 🕕
Beberapa Kisah Receh Tuan Guru di Tanah Banjar Hairus Salim dalam esai Gus Dur dan Guru Sekumpul: Sebuah Pertemuan menggambarkan pemasangan poster foto ulama adalah salah satu wujud penghormatan terhadap para ulama. Ulama atau Tuan Guru memiliki posisi penting dan penghormatan pada mereka hanya salah satu dari artikulasi keberislaman masyarakat Banjar. Dalam perjalanan pulang dari Banjarmasin, Hairus Salim mengisahkan bahwa seperti umumnya warung dan rumah orang Banjar di kawasan Kalimantan Selatan, dinding warung tersebut dipenuhi poster foto-foto ulama. Kisah yang dimuat di laman NU Online tersebut mengisahkan poster foto ulama tersebut merujuk pada sosok KH. Muhammad Zaini bin Abdul Ghani atau akrab dengan Guru Sekumpul dan KH. Abdurrahman Wahid atau Gus Dur. Memang, jika bepergian ke tanah Banjar, maka poster foto ulama akan sangat mudah ditemui. Tidak saja di tempat makan, sebagaimana cerita Hairus Salim, namun di rumah, tempat kerja dan lain-lain, masyarakat Banjar juga sering me...
Posting Komentar
🔗BACA SELENGKAPNYA »