Blogger Blogging (Banu) pada kesempatan ini ingin sekali membagikan sebuah tips-trik membangun sebuah blog dengan menempatkan Widget Artikel Terkomentari (Commented Article) yang berfungsi untuk menginformasikan kepada pengunjung tentang artikel-artikel blog yang telah dikomentari oleh para pengunjung blog. Widget ini terkesan sederhana, namun memiliki fungsi yang tidak kecil, dengan menampilkan artikel-artikel yang telah mendapat komentar dari pengunjung blog, diharapkan akan merangsang minat pembaca lainnya untuk membuka serta membaca artikel-artikel tersebut, dengan demikian kita berharap pageviews blog akan meningkat.
Memang logikanya bila sebuah blog sepi pengunjung (semacam blog aku ini) maka sudah barang tentu maka artikel-artikel yang terkomentari akan sedikit jumlahnya. Namun hendaknya kita tidak lantas berputus asa, melainkan tetap semangat menciptakan artikel-artikel baru yang tidak cepat "out of date" alias tidak cepat basi, artinya artikel tersebut dapat bertahan dalam waktu yang cukup lama, serta tetap menarik minat pengunjung. Biasanya artikel-artikel tersebut berupa artikel tutorial tentang cara membuat atau membangun sesuatu ...., atau artikel-artikel yang dapat disamakan dengan hal tersebut.
Kembali kepada masalah Widget Artikel Terkomentari (Commented Article), berikut ini adalah cara membuatnya, cukup mudah. Pertama buka blog anda, tambahkan widget di sidebar atau footer, ambil menu tambahkan "Widget HTML", selanjutnya copykan rangkaian script berikut ini.
Selanjutnya gantilah script yang tercetak merah tebal dan sesuaikan dengan blog anda, selanjutnya sesuaikan angka 5, dengan berapa jumlah artikel terkomentari yang ingin anda tampilkan, dan terakhir simpanlah blog anda, lihat hasilnya.
Contoh hasilnya adalah seperti gambar di atas. Selamat mencoba.
<div id="most-comments"></div> <style scoped='' type='text/css'> #most-comments li,#most-comments ul,#most-comments ul li{margin:0;list-style:none;color:#444;font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px}#most-comments ul li{position:relative;overflow:hidden;background:#fff;margin:3.5px 0;padding:7px 10px 7px 50px;white-space:nowrap;text-overflow:ellipsis;box-shadow:inset 0 0 #fc4f3f;border:1px solid #e6e6e6;transition:all .6s}#most-comments ul li:hover{box-shadow:inset 310px 0 #fc4f3f}#most-comments ul li a{color:#444;font-weight:700;text-decoration:none;transition:all .3s}#most-comments ul li a:hover,#most-comments ul li:hover a{color:#fff}.count-most{position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:7px 0;background-color:#383838;color:#fff!important;text-align:center;transition:all .3s}#most-comments ul li:hover .count-most{background-color:#fc4f3f} </style> <script type='text/javascript'> //<![CDATA[ var numPosts=5; var homePage="www.blog67blogging.blogspot.com"; var postTitlear=new Array(); var postUrlar=new Array(); var postCommentar=new Array(); var totalpost;document.write('<div id="most-comments"><ul>'); function mostComment(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];}}; postTitlear.push(c); postUrlar.push(g); postCommentar.push(b)}sortPosts(); for(var f=0;f<numPosts;f++){var e='<li><span class="count-most">'+postCommentar[f]+'</span><a href="'+postUrlar[f]+'" title="'+postTitlear[f]+'" target="_blank">'+postTitlear[f]+'</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="http://blog67blogging.blogspot.com/feeds/posts/default?max-results=9999&orderby=published&alt=json-in-script&callback=mostComment"><\/script>'); document.write('</li>') document.write('</ul>') document.write('</div>'); //]]> </script>
Contoh hasilnya adalah seperti gambar di atas. Selamat mencoba.
thanks gan yang lagi ane cari nih,,,
BalasHapuskunjung balik klo sempet
www.krikkrik.com