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

TUJUAN KOMUNIKASI VERBAL

🔓Owner Post Published 🕕
TUJUAN KOMUNIKASI VERBAL :  Komunikasi verbal melalui lisan dapat dilakukan secara langsung bertatap   muka antara komunikator dengan komunikan, seperti berpidato atau ceramah.   Selain itu juga, komunikasi verbal melalui lisan dapat dilakukan dengan  menggunakan media, contoh seseorang yang bercakap-cakap melalui telepon.  Sedangkan komunikasi verbal melalui tulisan dilakukan dengan secara tidak   langsung antara komunikator dengan komunikan. Proses penyampaian informasi   dilakukan dengan menggunakan berupa media surat, lukisan, gambar, grafik   dan lain-lain. Adapun tujuan menggunakannya komunikasi verbal (lisan dan tulisan) antara   lain : Penyampaian penjelasan, pemberitahuan, arahan dan lain sebagainya, Presentasi penjualan dihadapan para audien, Penyelenggaraan rapat, Wawancara dengan orang lain, Pemasaran melalui telepon, dan sebagainya. Baca juga  Praktek-komunikasi-verbal
Posting Komentar
🔗BACA SELENGKAPNYA »

SEBELUM TIDUR UPAYAKAN MENDISIPLIKAN DIRI

🔓Owner Post Published 🕕
Jadikan setiap hari adalah momen kesuksesan anda. Kalimat tersebut sangat penting dijadikan titik tolak pekerjaan yang anda lakukan. Menjadikan setiap hari sebagai momen kesuksesan tentu tidak semudah yang diucapkan. Anda membutuhkan kerja keras, semngat tinggi, pikiran positif, dan sebagainya secara berkesinambungan di dalam menjalankan pekerjaan. Akan tetapi, menjadikan setiap hari sebagai momen kesuksesan pada dasarnya juga tidak sulit. Untuk mewujudkan hal tersebut, diperlukan upaya berkelanjutan dan konsisten dari diri sendiri. Salah satunya ialah dengan melakukan evaluasi serta menyusun rencana sebelum anda tidur. Ada anggapan dari pakar kesehatan bahwa kualitas tidur menentukan mutu pekerjaan seseorang. Apabila kualitas tidur seseorang sulit, maka mutu pekerjaannya juga bisa rumit. Banyak orang sukses, kaya, dan terkenal terbiasa memanfaatkan waktu sebelum tidur untuk melakukan yang istimewa. Sebab, mereka berkeyakinan bahwa mendisiplinkan diri sebelum berangkat ke...
Posting Komentar
🔗BACA SELENGKAPNYA »

IMAM AL GHAZALI FILSUFBESAR DAN SUFI BRILIAN BERILMU TINGGI

🔓Owner Post Published 🕕
Imam Ghazali, Filsuf Besar dan Sufi Brilian Berilmu Tinggi (Bagian Pertama) Ia pembaharu tasawuf dan filsafat dalam Islam. Gagasan dan karya-karya Hujatul Islam ini, menjadi rujukan sampai sekarang. Dalam rak-rak di sebuah toko buku, tampak berjejer buku-buku tentang sufi. Tetapi ada hal yang mencolok. Buku-buku karya Al-Ghazali begitu dominan. Hampir dua puluh buku karya ulama besar ini banyak diminati calon pembeli. Karya Imam Al-Ghazali memang menarik. Tulisannya tidak hanya memikat, tetapi juga selalu aktual sepanjang zaman. Tidak salah jika gagasan dan pikirannya tentang Tasawuf banyak diterjemahkan ke dalam berbagai bahasa. Imam Ghazali adalah ulama yang mampu mendiskripsikan tasawuf, syari’at dan Akhlak dengan jelas dan argumentatif. Nama lengkapnya adalah Abu Hamid ibnu Muhammad ibnu Ahmad, lahir di Khurasan, Iran, pada tahun 450 H atau 1058 M. Karya masterpiece-nya Ihya Ulumuddin yang empat jilid itu menjadi bacaan wajib bagi orang-orang yang ingin belajar tasawu...
Posting Komentar
🔗BACA SELENGKAPNYA »

UANG GAJI SERING HABIS PERCUMA !!! LAKUKAN 4 TIPS INI AGAR TIDAK BOROS

🔓Owner Post Published 🕕
Uang Gaji Sering Habis Percuma? Lakukan 4 Tips Ini Agar Tidak Boros Terkadang kita sebagai seorang karyawan dari sebuah perusahaan besar yang gaji nya lumayan besar, sering kali tidak menyadari kemana perginya uang gajian kita? Padahal gaji nya cukup besar, tapi benar-benar tidak terasa cepat habisnya. Itu adalah sebuah momen yang sering kita alami bahkan sepertinya sudah menjadi sebuah slogan umum “gaji besar, pengeluaran lebih besar”. Itu adalah slogan yang sangat tepat menurut saya . Saya, Anda, ataupun yang lainnya, pasti menginginkan uang gaji nya selalu lebih hingga menjelang hari gajian kembali. Tapi sayangnya itu adalah sebuah hal yang sudah sering menjadi mitos, bahkan sampai benar-benar tidak akan pernah terjadi, karena pengeluaran kita yang tidak terkontrol. Jikalau tau cara agar gaji selalu lebih, mungkin itu adalah hal yang sangat menyenangkan, dan mungkin kita bisa menabung secara konsisten. Ya, konsisten. Dan melalui postingan kali ini, saya mencoba berbagi t...
Posting Komentar
🔗BACA SELENGKAPNYA »

PEMIMPIN HARUS PUNYA MENTAL YANG KUAT

🔓Owner Post Published 🕕
Dalam dunia kerja menjadi seorang pemimpin mungkin menjadi impian setiap tenaga kerjanya professional. Pasalnya seperti yang pernah dikatakan sebelumnya bahwa posisi atau jabatan menjadi titik ukur dalam sebuah kesuksesan karir. Sayangnya, tidak semua tenaga kerja yang memang memiliki karakteristik seorang pemimpin. Mungkin saja Anda memang punya kemampuan untuk menjadi seorang pemimpin tapi tunggu dulu menjadi seorang pemimpin itu bukan hal yang mudah. Karena selain kemampuan Anda juga harus memiliki mental yang kuat. Boleh dikata jika seorang pemimpin itu bukan hanya seorang pemimpin yang punya tingkat kecerdasan tinggi tapi ia juga harusnya memiliki karakteristik yang mampu disegani. Nah, Anda ingin menjadi pemimpin yang disegani? Berikut beberapa cara yang bisa membantu Anda. Jangan Ragu Terjun Langsung dalam Tim Mungkin Anda sudah sering mendengar keluhan para pekerja, banyak diantara mereka bahkan hampir semua pekerja yang sering mengatakan jika pemimpin atau atasan mereka...
Posting Komentar
🔗BACA SELENGKAPNYA »