Membuat Tag Cloud
Written by ariesna on 16.07Mungkin anda penasaran apa itu Tag Cloud? untuk lebih jelasnya coba perhatikan gambar yang saya perlihatkan disamping ini. Tag berfungsi untuk menambahkan kata-kata secara acak yang diambil dari artikel-artikel yang ada di website kita, sehingga para pengunjung yang datang ke dalam website kita akan dapat melihat gambaran tentang apa saja artikel-artikel yang terdapat di dalam website yang sedang dikunjunginya.
Kebetulan di blog saya ini tidak memakai Tag untuk ditampilkan karena sudah masuk dalam kategori. Memang Tag bisa berfungsi untuk mengoptimalkan search engine internal plus mempromosikan artikel-artikel yang ada di blog kita. sangat bermanfaat bukan?
Nah jika teman-teman ingin menambahkan Tag didalam blog-nya dengan syarat teman-teman belum mempunya elemen Link yang disini disebut Tag. Karena elemen Link itu bisa jadi seperti Link kategori, misalnya dalam blog saya ada Kategori Paypal, maka didalamnya terdapat berkas semua isian yang berhubungan dengan Paypal. Jadi syarat menambahkan links Tag ini teman-teman Harus tidak memiliki link kategori.
Pertama-tama buatlah widget baru bernama Tag yang dapat anda instal melalui jendela Links:
Langkah selanjutnya adalah mengubah kode Label, berikut urutannya.
<b:widget id='Label1' locked='false' title='Tag' type='Label'>
atau untuk mempermudah carilah dengan kata kunci 'Tag' karena sebelumnya kita memberikan nama Links ini dengan nama Tag.
Blok Kode script ini dimulai dari awalan <b:widget id='Label1' locked='false' title='Tag' type='Label'> sampai kebawah ketemu akhiran kode </b:widget>
<b:widget id='TagCloud' locked='false' title='Tag' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content' style='text-align: justify;'>
<script type="text/javascript">
/*
Blogger Tag Cloud Widget
by ariesna blog
http://ariesna.blogspot.com
Khusus untuk umum
*/
//Variables:
var max = 150; //max css size (dalam persen)
var min = 50; //min css size (...)
var showCount = 1; // show counts? 1 for yes
var minCount = 1; // what is the minimum count for a Tag to be shown? 1 for all.
//Begin code:
var range = max - min;
//Build label Array
var labels = new Array();
<b:loop values='data:labels' var='label'>
labels.push("<data:label.name/>");
</b:loop>
//URLs
var urls = new Array();
<b:loop values='data:labels' var='label'>
urls.push("<data:label.url/>");
</b:loop>
//Counts
var counts = new Array();
<b:loop values='data:labels' var='label'>
counts.push("<data:label.count/>");
</b:loop>
//Number sort funtion (high to low)
function sortNumber(a, b)
{
return b - a;
}
//Make an independant copy of counts for sorting
var sorted = counts.slice();
//Find the largest tag count
var most = sorted.sort(sortNumber)[0];
//Begin HTML output
for (x in labels)
{
if(x != "peek" && x != "forEach" && counts[x] >= minCount)
{
//Calculate textSize
var textSize = min + Math.floor((counts[x]/most) * range);
//Show counts?
if(showCount == 1)
{
var count = "(" + counts[x] + ")";
}else{
var count = "";
}
//Output
document.write("<span style='font-size:" + textSize + "%'><a href='" + urls[x] + "'>" + labels[x] + count + "</a></span> " );
}
}
</script>
</div>
</b:includable>
</b:widget>
Copyright by ariesna
| Posted in »
1 komentar: Responses to “ Membuat Tag Cloud ”
By mokyloque on 27 Januari 2009 pukul 21.39
Thanx infonya yahhh..