cbox

Sabtu, 20 Agustus 2011

Lihat ‘kan label yang berputar di sidebar sebelah kanan blog ini. Karena sudah banyak yang menanyakan cara memasangnya, jadi sekalian saja saya posting di sini.

Langsung saja, ini dia caranya:

1. Login ke blogger.

2. Klik Tata Letak (page layout).

3. Klik Edit HTML.

4. Karena cukup beresiko, sebaiknya klik “Download Template Lengkap” (supaya templatenya bisa di kembalikan seperti semula kalau terjadi kesalahan).

5. cari kode semacam ini (untuk mempermudah pencarian gunakan ”CTRL+F”):

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

6. Copy scrip di bawah ini lalu paste dibawah kode yang 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>


7. klik simpan template (save)


#Keterangan untuk teks yang tebal berwarna merah :


Labels = judul widget

100 = kecepatan putaran

240 = lebar

300 = tinggi

#ffffff = warna background

333333 = warna font

12 = ukuran font

// = jika di hapus, warna background menjadi transparan.

Kalau mau cari kode warna HTML, ini tempatnya:
http://jebe.wen.ru/colour.html

Selamat Mencoba, Semoga Berhasil, dan Semoga Bermanfaat!!!