Blog Husevil - Bosan dengan label blog yang begitu-begitu saja? Ingin label blog yang lebih menarik? Disini kita akan membahasnya. Yang akan kita bahas adalah bagaimana cara membuat label yang berputar. Maksudnya, label blog yang berputar-putar. Tapi, bukan berputar mengelilingi blog. Kalau berputarnya seperti itu, kasihan kan. Jadi, labelnya berputar di elemen tertentu. Dalam hal ini, sidebar. Mungkin, tutorial ini sudah banyak dibahas oleh para master blog yang lebih dahulu mengetahui ini. Tapi, apa salahnya membagikannya kembali disini. Iya, kan?
Jika sudah melihat bagaimana labelnya berputar, pasti ingin membuatnya. Karena, akan membuat tampilan blog kita menjadi lebih menarik. Selain membuat blog yang lebih menarik, label juga akan lebih singkat dan tidak memenuhi sidebar. Baiklah, langsung kecaranya saja:
Berikut ini langlah membuat label berputar di blog:
1. Silahkan login ke akun blogger anda.
2. Klik menu Template.
3. Kemudian, klik Edit HTML dan cari:
- Untuk template lama cari kode ini: <b:section class='sidebar' id='sidebar' preferred='yes'>
- Untuk template baru cari kode ini: <b:section-contents id='sidebar-right-1'>
Untuk memudahkan pencarian, gunakan tombol CTRL+F
4. Jika tidak ketemu, cari kode yang mirip dengan kode itu. Jika sudah ketemu, salin kode ini dan tempel di bawah kode yang dicari 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://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", "
300", "
200", "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>
Kode "
300" adalah lebar widget, silahkan atur sendiri.
Kode "
200" adalah tinggi widget, silahkan atur sendiri.
Kode #ffffff adalah background widget, silahkan atur sendiri.
5. Jika sudah, simpan template. Lihat hasilnya.
Semoga berhasil.
