Label atau tag dalam sebuah blog sangat penting untuk memudahkan pengunjung mencari kategori artikel yang diinginkan. Selama ini sebagai pemula saya hanya tahu model Label bawaan blogger, tapi setelah berjalan-jalan kesana-kemari akhirnya menemukan model Label yang mungkin bisa untuk lebih menarik perhatian para pengunjung blog kita.
Kali ini saya akan membagikan tutorial membuat label berputar dalam blog, meskipun cara ini sudah sering kali di bahas oleh para bloggers senior. Tapi saya akan menulis ulang tutorialnya siapa tahu ada blogger-blogger pemula seperti saya yang belum pernah coba cara ini.
Langsung saja kita lihat caranya di bawah......
Cara Membuat Label Berputar Dalam Blog
1. Masuk ke akun blogger anda
2. Klik Tempplate >> Edit HTML
3. Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'> (tekan F3 untuk memudahkan pencarian)
4. Kemudian copy kode di bawah ini dan paste dibawah <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label99' locked='false' title='Tag Cloud Comulus 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://sites.google.com/site/bloggerustemplatus/code/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://sites.google.com/site/bloggerustemplatus/code/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>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/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://sites.google.com/site/bloggerustemplatus/code/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>
5. Save, lebih baik lakukan Preview dulu sebelumnya.
KETERANGAN :
KETERANGAN :
- Warna BIRU : ukuran panjang dan lebar (ganti sesuai dengan template blog kalian)
- Warna HIJAU : untuk mengganti warna background Tag Cloud
- Warna KUNING : untuk mengganti ukuran font
Bagaimana mudah bukan . . . ..
Terima kasih sudah mampir ke kios-tutorial dan meluangkan waktu untuk membaca artikel...
Post a Comment
- Maaf, komentar LINK AKTIV / IKLAN akan saya HAPUS
- Komentar sara / spam akan saya hapus
- Jika ada link gambar yang mati laporkan disini
- Berkomentarlah dengan bijak sesuai dengan artikel
- Komentar anda merupakan undangan buat saya