Menampilkan Entri Populer Buat Blogspot itu perlu dilakukan agar mempermudah pengunjung kita kira-kira artikel apa yang banyak di kunjungi di situs kita.
Kali ini Optimasi Blogspot akan share Entri Populer Blogspot With Comment. Dengan sedikit modifikasi kita bisa merubah tampilan dari Entri Populer Kita.
Widget Entri Populer yang akan kita pasang ini berdasarkan jumlah komentar terbanyak. Yah, tanpa panjang lebar silahkan dicoba script yang kami sediakan.
Caranya :
1. Masuk ke akun Blogger Kita.
2. Klik Rancangan > Elemen Laman > Tambah Gadget.
3. Pilih HTML/JavaScript.
4. Beri judul sesuai keinginan Kita.
5. Copy dan paste kode di bawah ini di Konten.
<div style="overflow:auto;width:290px;height:150px;padding:10px;border:1px solid #cccccc">
<script language='javascript'>
aBold = false;
numposts=9999;
maxshowresult=10;
home_page = "http://namacontohblog.blogspot.com";
</script>
<script type='text/javascript'>
//<![CDATA[
var postTitlear=new Array();var postUrlar=new Array();var postCommentar=new Array();var totalpost;document.write("<ul>");function showrecentposts(j){var a=j.feed.entry.length;totalpost=a;for(var f=0;f<a;f++){var h=j.feed.entry[f];var c=h.title.$t;var b;var g;if(f==j.feed.entry.length){break}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="alternate"){g=h.link[d].href;break}}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];break}}c=(aBold)?"<b>"+c+"</b>":c;postTitlear.push(c);postUrlar.push(g);postCommentar.push(b)}sortPosts();for(var f=0;f<maxshowresult;f++){var e='<li><a href="'+postUrlar[f]+'" class="recent-link">'+postTitlear[f]+" ("+postCommentar[f]+" comments)</a>";document.write(e)}}function sortPosts(){function c(d,f){var e=postTitlear[d];postTitlear[d]=postTitlear[f];postTitlear[f]=e;var e=postUrlar[d];postUrlar[d]=postUrlar[f];postUrlar[f]=e;var e=postCommentar[d];postCommentar[d]=postCommentar[f];postCommentar[f]=e}for(var b=0;b<postTitlear.length-1;b++){for(var a=b+1;a<postTitlear.length;a++){if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');
//]]>
</script>
</div>
Catatan:
- Ganti "http://namacontohblog.blogspot.com" dengan url blog Kita.
- Angka 10 menunjukkan banyaknya posting yang ingin ditampilkan, ini bisa diganti sesuai keinginan Kita.
6. Klik tombol SIMPAN.
7. Pindahkan elemen ke tempat yang Kita inginkan.
8. Klik tombol SIMPAN lagi
9. Selesai.
7. Pindahkan elemen ke tempat yang Kita inginkan.
8. Klik tombol SIMPAN lagi
9. Selesai.
Bagaimana Hasilnya sobat?
Sukses Selalu Ya.
ref : blogspotpemula.blogspot.com
Artikel Terkait:
Tutorial
- Google Lebih Mengutamakan Konten Bermanfaat
- Tutorial Menampilkan Related Post Dengan LinkWithin
- Recent Post - Artikel Terbaru Blogspot Dengan Thumbnail
- Menampilkan Entri Populer Buat Blogspot
- Menghilangkan Underline Link pada Blogspot
- Pemahaman Serta Manfaat Dari Blogwalking
- Pemahaman Strategi dan Tips SERP Google
- Pemahaman Dasar Tentang SERP
- Tips Cara Menulis Artikel Di Blog Agar SEO Friendly
- Cara Membuat Label Blogspot Menjadi Nofollow
Blogspot
- Google Lebih Mengutamakan Konten Bermanfaat
- Tutorial Menampilkan Related Post Dengan LinkWithin
- Recent Post - Artikel Terbaru Blogspot Dengan Thumbnail
- Optimasi Blospot dengan Permalink Otomatis
- Menampilkan Entri Populer Buat Blogspot
- Menghilangkan Underline Link pada Blogspot
- Pemahaman Serta Manfaat Dari Blogwalking
- Pemahaman Dasar Tentang SERP
- Cara Membuat Label Blogspot Menjadi Nofollow
- Cara Membuat Readmore Otomatis
mantab...tinggal modifikasi tampilannya bro. oh ya saya sudah jawab pertanyaan anda di blogonol. sudi kiranya sahabat berkunjung kembali. atas perhatiannya saya ucapkan terima kasih. happy blogging and keep spirits and inspirate all of time.
ReplyDelete@bloekoetoek
ReplyDeleteMakasih Teman. Sukses Selalu.
berkunjung bro....kemarin ane ganti template beberapa kali, karena permintaan adik ane sob. terus sekali diganti banyak sekali script yang sebenarnya tidak mendukung kinerja blog. sekarangg ane jadi bertanya bagaimanakah template yang baik itu. jadi bingung sendiri. akhirnya ane ganti yang simple aja bro. yah ini menjadi pengalaman ane, karena lebih baik yang sederhana tapi lebih bermanfaat. makasih juga atas sarannya di blog ane. semoga kita bisa menjadi sahabat blogger selamanya. thanks a lot my bro
ReplyDelete@bloekoetoek
ReplyDeleteIya Teman, saya lihat beberapa kali perubahan yang terjadi dan saya pantau terus. sampai-sampai laman URL dialihkan ke blog dummy saya juga lama nyimak artikel disana. Semangat terus Sahabat. Salam
alhamdulillaah...ini persis yg saya cari, uda diterapkan di blog saya, makasih pencerahannya sob, mohon kunjungi blog saya n kasih saran ya, tp maaf berbeda dari blog sobat semua....
ReplyDeleteit doesn't work on my blog T_______T
ReplyDeletentah di mana salahnya...
@Risqk
ReplyDeleteMakasih atas kunjungannya Sahabat. Sukses selalu
@Millati Indah
Seharusnya bisa sahabat, mungkin ada penempatan script nya yang belum pada posisinya, dicoba aja pelan-pelan ya. Salam
teimakasih gan,ini yang saya cari2 :)
ReplyDeletethanks gan.....?
ReplyDelete