ShoutMix chat widget

Cara Membuat Tag Cloud (Melayang-layang) di Blog Kita

Sebelumnya, saya akan bagi-bagi cerita mengenai manfaat dari adanya Tag Cloud ini di blog kita, yaitu:

Menampilkan kata yang menjadi tema blog
Karena menampilkan kata acak dari artikel kita, maka para pengunjung yang datang akan dapat deskripsi tentang content blog kita, yaitu jenis, dan tema artikelnya. Jadi apakah selanjutnya pengunjung tersebut bernafsu untuk terus menjelajah atau balik kucing, maka tag clauds berperan disini.

Kalau blog anda tentang pernikahan maka tag yang dimunculkan seyogyanya kata yang terkait terkait misalnya: cewek, cowok, pacaran, tunangan, cinta, lamaran, cincin tunangan, penghulu, undangan, pesta, tata rias, dst.

Membuat Orang Lain Tertarik
Apabila kata-kata acak tersebut bisa membuat sebagian pengunjung penasaran, maka dia akan mengacak-acak posting kita sampai puas, hehehe… contohnya ketika ada pengunjung yang mengunjungi situs kita tertarik pada kata “nikah tanpa dikawini” atau “obat aids ditemukan” maka mereka terkadang akan berusaha mengklik kata tersebut sampai terpenuhi nafsunya, menemukan artikel yang dimaksud.


Mengokohkan link internal (inbound link) blog
Antara postingan anda yang satu dengan yang lain akan dibaca search engine mempunyai keterkaitan kuat karena adanya kesamaan tag clauds ini. Karena sebagian besar tag cloud adalah berupa kata kunci (keyword) dari artikel blog anda maka semakin banyak kesamaan tag cloud maka dibaca sebagai sebuah kekokohan content.

Tertarik memasang Tag Cloud....???? Jika tertarik mari kita ikuti tahap demi tahap pemasangannya.... sok ach derrr....!!!!!!!


Tahap pertama :
  • Sign in ke blogspot dengan username dan password anda.
  • KLik layout.
  • Klik Add gadget kemudian klik label
  • Simpan dulu label tersebut di sidebar blog anda.

Tahap kedua :
  • Masih di tab layout, Klik edit HTML
  • Klik download full template agar ada back up tempalate jika terjadi kesalahan.
  • Beri centang pada kotak expand widget tempaltes
  • Kemudian cari kode di bawah ini dengan menekan ctrl+F di keyboard anda agar memudahkan pencarian.

<b:section class='sidebar' id='sidebar' preferred='yes'>


  • Kemudian letakkan kode dibawah ini dibawah kode diatas tadi.

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so=new SWFObject ("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


  • Klik Preview
  • Lihat tampilan blog anda, apakah sudah berhasil atau belum. Jika belum jangan simpan dulu templatenya, perhatikan kembali langkah-langkah diatas. Mungkin anda salah meletakkan kodenya.
  • Jika sudah berhasil jangan simpan terlebih dahulu jika tampilan tag cloud itu tidak sesuai dengan yang anda harapkan
  • Berikut adalah cara mengedit tag cloud tersebut (ingat, jangan save dulu templatenya). Untuk mengubah ukuran tag cluod perhatikan kode dibawah ini:

var so=new SWFObject ("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300",


  • Ubahlah angka 240 dan 300 itu sesuai dengan keinginan anda. Angka 240 menunjukkan lebar, sedangkan angka 300 menunjukkan tinggi tag cloud tersebut.
  • Untuk mengubah kecepatan putaran tag perhatikan kode berikut ini

so.addVariable("tspeed", "100");


  • Ubahlah angka 100 tersebut dengan yang anda inginkan, semakin besar angkanya semakin cepat putaran tag cloudnya
  • Jika tampilan tag cloud sudah sesuai dengan keinginan anda barulah save template anda.

Mengapa save template dilakukan paling akhir, karena kode untuk tag cloud itu akan hilang setelah di save, sehingga kalau tampilan tag cloudnya belum sesuai dengan keinginan kita sulit untuk mengeditnya.


Semoga tutorial ngeblog ini bermanfaat. selamat mencoba. Kalau ada yang belum berhasil bisa menghubungi lewat form komentar.


Dalam blog ini saya tidak menggunakan Tag Cloud karena Labels yang ada dalam blog ini sedikit. Menurt saya Tag Cloud cocok digunakan bagi blogger yang memiliki Labels yang cukup banyak. Sebagai contoh lihat Labels pada Blog Free Download.

SELAMAT MENCOBA...!!!!


5 comments:

P3Y said...

Tes Komentar

Nopan Suryansyah said...

Makasih banget tipsnya!
dah saya coba di blog saya hasilnya bagus banget, untuk teman2 bloger ayo coba keren lo!!!

ricky said...

sep infonya bos
thanks yah?

masnoer said...

thanks tutornya..
q dh sukses frenz
tp label q kok jd 2 ya.. hmmm

EdZ said...

naizz ,dah gw cari kemana2,rupanya angka 100 itu yang mempengaruhi kecepatannya..sekali lagi thx brot,lanjutkan !!

Post a Comment