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

PRESIDEN REPUBLIK INDONESIA KE 3

🔓Owner Post Published 🕕
BIOGRAFI JUSUF HABIBIE MASA JABATAN  21 Mei 1998 – 20 Oktober 1999 Presiden ketiga Republik Indonesia, Bacharuddin Jusuf Habibie lahir di Pare-Pare, Sulawesi Selatan, pada 25 Juni 1936. Beliau merupakan anak keempat dari delapan bersaudara, pasangan Alwi Abdul Jalil Habibie dan RA. Tuti Marini Puspowardojo. Habibie yang menikah dengan Hasri Ainun Habibie pada tanggal 12 Mei 1962 ini dikaruniai dua orang putra yaitu Ilham Akbar dan Thareq Kemal. Masa kecil Habibie dilalui bersama saudara-saudaranya di Pare-Pare, Sulawesi Selatan. Sifat tegas berpegang pada prinsip telah ditunjukkan Habibie sejak kanak-kanak. Habibie yang punya kegemaran menunggang kuda ini, harus kehilangan bapaknya yang meninggal dunia pada 3 September 1950 karena terkena serangan jantung. Tak lama setelah bapaknya meninggal, Habibie pindah ke Bandung untuk menuntut ilmu di Gouvernments Middlebare School. Di SMA, beliau mulai tampak menonjol prestasinya, terutama dalam pelajaran-pelajaran eksakta. Habibie m...
Posting Komentar
🔗BACA SELENGKAPNYA »

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 »

TIGA TRIK RAHASIA MENJADI PEMIMPIN YANG DISEGANI

🔓Owner Post Published 🕕
Gunakan kompetitor sebagai motivator Kompetitor bisa jadi adalah teman terbaik Anda. Ya, mereka bisa menjadi  acuan dalam bekerja. Biarkan staf Anda melihat ‘keluar’ dan tahu bagaimana  kompetitor bekerja serta memenuhi target agar terpacu untuk bekerja  melebihi mereka. Mempublikasi permintaan maaf Mungkin sebagian pemimpin enggan untuk meminta maaf apabila melakukan  kesalahan. Permintaan maaf sangatlah kuat mengundang empati dan menunjukkan  pertanggungjawaban. Untuk itu, jangan segan meminta maaf setidaknya kepada  staf-staf ahli yang Anda bawahi. Mintalah bantuan kecil Semua orang dalam tim tentu ingin merasa dibutuhkan. Untuk itu, jangan  segan untuk turun ke bawah mendekati karyawan meski hanya bantuan-bantuan  kecil. Ini akan membuat mereka merasa dekat dengan atasannya. Cara ini  sangat ampuh dalam meningkatkan hubungan dengan rekan kerja Anda. Itulah tiga rahasia bagaimana cara menjadi pemimpin yang disegani ole...
Posting Komentar
🔗BACA SELENGKAPNYA »

CARA USAHA KECIL KECILAN YANG COCOK UNTUK PELAJAR DAN MAHASISWA

🔓Owner Post Published 🕕
Usaha Kecil Kecilan yang Cocok untuk Pelajar/Mahasiswa Pelajar atau mahasiswa pada dasarnya masih memiliki tanggung jawab utama untuk belajar dan meningkatkan kemampuan atau keahlianya. Namun saat ini, pelajar atau mahasiswa juga dituntut untuk memiliki jiwa wirausaha. Menjadi enterpreneur lebih dini adalah hal yang lebih, persoalannya adalah bagaimana menjadi wirausaha yang tidak mengganggu kegiatan utamanya sebagai seorang pelajar atau mahasiswa.  Pelajar atau mahasiswa saat ini merupakan generasi digital yang sudah tidak asing lagi dengan perkembangan teknologi. Teknologi memberikan dukungan yang luar biasa terhadap perkembangan dunia usaha. Hal ini menjadi sangat bagus jika seorang pelajar atau mahasiswa memulai usaha dengan memanfaatkan sumberdaya teknologi. Apapun jenis usahanya akan menjadi lebih cepat berkembang jika didukung dengan teknologi. Ada beberapa jenis usaha yang cocok untuk para pelajar atau mahasiswa. Bisnis pulsa elektronik Pelajar atau mahas...
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 »