Label atau kategori atau apapun itu, berfungsi untuk lebih mengkhususkan tema-tema tulisan dalam blog kita. Di blogger, fasilitas label ini secara default memang sudah tersedia. Namun bagi an anda yang tidak puas dengan tampilan label yang standar, kita bisa mengubahnya menjadi animasi yang berputar-putar (awas bikin sakit kepala). Nah untuk mengubahnya, ikuti tutorial berikut (jangan lupa untuk membackup template anda terlebih dahulu) :
1. Buka Edit HTML, dan jangan lupa centang Expand Widget Templatenya
2. Cari kode berikut
<b:section class="sidebar" id="sidebar" preferred="yes">
Ingat, setiap template tidak sama, yang jelas ada kode tersebut
3. Setelah itu, copy-kan kode berikut tepat di bawahnya
<b:widget id='Label99' locked='false' title='Labels' type='Label'>
4. Simpan dan lihat hasilnya
<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>
Anda bisa mengubah settingan dari kode tersebut, seperti mengganti warna background (kode warna biru), ukuran label (warna merah)atau merubah ukuran font (yang ditebalkan).
Jumat, 19 September 2008
Membuat Label Animasi Dengan Blogomous
Langganan:
Posting Komentar (Atom)
3 comments:
mas aku ko nga bisa si pasang label nay terus muncul tulisan kay gini ini gimn cara nay mas
The widget with id Label99 is not within a section (actual parent element is: div.) Every widget should be in a section.
mas sy sudah cobah tp kok labelnya ngga muncul bisa dijelasin lebih jelas klau perlu dr awal gmana cara menambah elemen label, soalnya sy sudah tambah elemen label tp tdk muncul
Posting Komentar