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

BEKAL RUHANI YANG MENCERAHKAN

🔓Owner Post Published 🕕
Syekh Abdul Qadir Al-Jailani mengatakan:  "Wahai kaumku! Dunia ini fana. Dunia ini tak lain hanyalah belenggu dan pukulan-pukulan tongkat saja, kerisauan dan nestapa, dan tabir yang menabiri antara kalian dengan Tuhan kalian. Kalian harus melihatnya dengan mata hati kalian, bukan dengan mata kepala kalian. Mata hati melihat kandungan batin, sedangkan mata kepala melihat bentuk luar. Mukmin sejati adalah milik Allah seluruhnya. Tak satu atom pun dari dirinya yang menjadi milik makhluk. Allah menjaga dan mengawasi lahir maupun batinnya. Dia tidak melakukan gerakan kecuali karena Dia, dan dia tidak beristirahat dan diam kecuali karena Dia, sebab dia memiliki wujudnya sepenuhnya karena Dia (bi-hi), dari Dia dan di dalam Dia, dengan langkah-langkah kaki yang kokoh, dia telah menempuh jalan menuju ke pintu-Nya, sementara mereka terlalu nyenyak tidur untuk melihat, dan di sanalah dia berdiri untuk melayani-Nya. Namun sebaliknya kalian berbeda! Kalian telah mencurahkan perha...
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 »

PERKEMBANGAN DAN DEFINISI ILMU POLITIK

🔓Owner Post Published 🕕
Apabila ilmu politik dipandang semata-mata sebagai salah satu cabang dari  ilmu-ilmu sosial yang memiliki dasar, rangka, fokus, dan ruang lingkup yang  jelas, maka dapat dikatakan bahwa ilmu politik masih muda usianya karena  baru lahir pada akhir abad ke-19. pada tahap itu ilmu politik berkembang secara pesat berdampingan dengan cabang-cabang ilmu sosial lainnya, seperti  sosiologi, antropologi, ekonomi, dan psikologi, dan dalam perkembangan ini mereka saling mempengaruhi. Akan tetapi, apabila ilmu politik ditinjau dalam rangka yang lebih luas,  yaitu sebagai pembahasan secara rasional dari berbagai aspek negara dan  kehidupan politik, maka ilmu politik dapat dikatakan jauh lebih tua  umurnya. Bahkan ia sering dinamakan ilmu sosial yang tertua di dunia. Pada  taraf perkembangan itu ilmu politik banyak bersandar pada sejarah dan  filsafat. Di Indonesia kita mendapati beberapa karya tulis yang membahas masalah sejarah dan kenegaraa...
Posting Komentar
🔗BACA SELENGKAPNYA »

MENGEMBANGKAN IDE DAN PELUANG USAHA

🔓Owner Post Published 🕕
Mengembangkan ide dan peluang usaha Mengembangkan ide dan peluang usaha Menurut zimmerer ide-ide yang berasal dari wirausaha dapat menciptakan peluang untuk memnui kebutuhan riil dimasyarakat. Ide ide itu menciptakan nilai potensial di pasar sekaligus menjadi peluang usaha. Ada beberapa langkah mengembangkan ide usaha: Tetapkan dengan jelas pengembangan ide usaha tersebut. Tentukan tujuan khusus dalam pengembangan ide usaha tersebut. Upayakan agar setiap karyawan dalam perusahaan memahami pengembangan usaha ide tersebut. Buat dan laksanakan system pebcatatan prestasi pengembangan ide usaha. Berikan penghargaan pada karyawan agar prestasi pengembangan ide menjadi obsesi. Upayakan agar para karyawan memahami peranannya dan berikan kesempatan untuk teribat untuk pengembangan usaha dalam prestasi perusahaan. Dunia bisnis selalu berubah dan tidak pernah berhenti mengalami perubahan, pasang surut lingkungan bisnis selalu terjadi. Problem dalam mengembangkan bisnis t...
Posting Komentar
🔗BACA SELENGKAPNYA »

LIMA PENYAKIT BERBAHAYA DALAM TEAM YANG MENGHANCURKAN BISNIS ANDA

🔓Owner Post Published 🕕
5 Penyakit Berbahaya Dalam Team Yang Bisa Menghancurkan Bisnis Anda Halo teman-teman hari ini saya ingin sharing 1 hal yang sangat-sangat menarik yaitu 5 penyakit berbahaya dalam team yang terjadi ketika anda membangun sebuah bisnis. Topik ini saya ambil dari buku Patrick Lencioni berjudul 5 Dysfunction Of a Team . Banyak dari kita ingin memiliki team yang sehat team yang solid, team yang berkualitas tapi yang menjadi maslah adalah banyak dari kita yang tidak menyadari bahwa team kita sedang mengalami dysfunction. Dysfunction team adalah ketika karyawan kita tidak mencapai target target dan hasil yang kita inginkan. Penyebab dysfunction team salah satunya adalah karena pembiaran. Ada satu quotes yang menarik kenapa team ini penting, kalau anda ingin menang anda butuh talenta. Tapi kalau anda ingin memenangkan sebuah kompetisi, sebuah turnamen anda butuh team yang kuat. Talenta bisa meningkatkan omset tapi untuk membuat target tercapai anda butuh teamwork. Nah teman-teman...
Posting Komentar
🔗BACA SELENGKAPNYA »