Masih sambungan dari artikel sebelumnya yaitu mengenai Cara Membuat Top Komentator, tapi kali ini bukan secara Flat List melainkan Tag Cloud (seperti tag cloud di Wordpress), seperti yang saya gunakan di blog ini sekarang, menarik untuk dicoba bukan teman-teman?
Lihat pict
Langkah-langkahnya adalah sebagai berikut:
1. Login ke akun blogspot teman-teman,
2. Klik Design/Layout/Tata Letak >> Page Element >> Add a Gadget >> HTML/Javascript,
3. Copy paste kode di bawah ini dan taruh di dalam kotak gadget (konten),
<!-- Top Commentators Cloud Start
(c) 2010 Blogger Sentral. Original code by http://bloggersentral.blogspot.com/. Do not remove this credit and the Make your own link at the bottom of the code.-->
<div style="text-align:justify;line-height:1.2;">
<script type="text/javascript">
function cCloud(feed) {
max = 0;
min = 10000;
//finding highest and lowest count
for (i=0;i<feed.count;i++)
{
ccCount = feed.value.items[i].commentcount * 1;
if (ccCount > max)
{
max = ccCount;
}
if (ccCount < min)
{
min = ccCount;
}
}
ccCountD = "";
display = "";
for (j=0;j<feed.count;j++)
{
ccdiff = feed.value.items[j].commentcount - min;
ccFontsize = 60 + (ccdiff * 100) / (max - min) + "%";
ccUrl = "'" + feed.value.items[j].authorurl + "'";
ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count
ccName = feed.value.items[j].title + ccCountD;
ccLName = "<a style='text-decoration:none;font-size:" + ccFontsize + "' href=" + ccUrl + " target='_blank'>" + ccName + " </a>";//clickable commentator name
display = display + ccLName;
}
document.write(display);
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://cantik-2013.blogspot.com
&Exclusions=Anonymous,Greenlava
&ShowHowMany=10
&Order=frequency
&_callback=cCloud
&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
type="text/javascript"></script>
<span>60%; float:right;;margin-top:10px;"><a href="http://cantik-2013.blogspot.com/2010/06/cara-membuat-top-komentator-secara-tag.html" target="_blank">Make your own</a></span>
</div>
<!-- Top Commentators Cloud End -->
(c) 2010 Blogger Sentral. Original code by http://bloggersentral.blogspot.com/. Do not remove this credit and the Make your own link at the bottom of the code.-->
<div style="text-align:justify;line-height:1.2;">
<script type="text/javascript">
function cCloud(feed) {
max = 0;
min = 10000;
//finding highest and lowest count
for (i=0;i<feed.count;i++)
{
ccCount = feed.value.items[i].commentcount * 1;
if (ccCount > max)
{
max = ccCount;
}
if (ccCount < min)
{
min = ccCount;
}
}
ccCountD = "";
display = "";
for (j=0;j<feed.count;j++)
{
ccdiff = feed.value.items[j].commentcount - min;
ccFontsize = 60 + (ccdiff * 100) / (max - min) + "%";
ccUrl = "'" + feed.value.items[j].authorurl + "'";
ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count
ccName = feed.value.items[j].title + ccCountD;
ccLName = "<a style='text-decoration:none;font-size:" + ccFontsize + "' href=" + ccUrl + " target='_blank'>" + ccName + " </a>";//clickable commentator name
display = display + ccLName;
}
document.write(display);
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://cantik-2013.blogspot.com
&Exclusions=Anonymous,Greenlava
&ShowHowMany=10
&Order=frequency
&_callback=cCloud
&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
type="text/javascript"></script>
<span>60%; float:right;;margin-top:10px;"><a href="http://cantik-2013.blogspot.com/2010/06/cara-membuat-top-komentator-secara-tag.html" target="_blank">Make your own</a></span>
</div>
<!-- Top Commentators Cloud End -->
Keterangan:
- Ganti http://cantik-2013.blogspot.com dengan alamat url blog teman-teman,
- Ganti anonymous, Greenlava dengan nama yang akan disaring dan tidak akan ikut dihitung. Pemakaian huruf besar dan kecil akan sangat menentukan (pisahkan dengan koma),
- Angka 10 menunjukkan jumlah komentator yang akan ditampilkan pada daftar cloud di Top Komentator,
- Untuk Order=frequency bisa diganti dengan alphabet (diurutkan berdasarkan banyaknya jumlah komentar atau sesuai abjad nama komentator),
- font size bisa diganti baiknya antara 60-80% tergantung dari kolom di templates blog teman-teman.
4. Klik Save dan View Blog, selesai. Selamat mencoba Membuat Top Komentator Secara Tag Cloud di Blogspot!
sumber: bloggersentral
Tidak ada komentar:
Posting Komentar