Jumat, 05 Maret 2010

Cara Memasang Label Melayang (Blogumulus).

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!!!

9 komentar:

Rizki mengatakan...

Blog tutorial ya???

Bagus sob...

Tapi rada ngeberatin template...

Anonim mengatakan...

siip...

Anonim mengatakan...

hebat...

Agung Ngurah mengatakan...

Mantap boz ...

JamuL_GreZz mengatakan...

gatot...
ga ngepek gan...???

Pencintapuisi mengatakan...

keren .. tp lum sempt di pasang.,lain kali mampir lagi. thanks da berbagi.

blog gampang mengatakan...

udah dicoba gan...tapi kok gak bisa ya....
padahal udah kumasukin semuanya dan benar lho....lam kenal...

Anonim mengatakan...

WOY GAK BERHASIL , BANTUANNYA DONG

Anonim mengatakan...

Tidak berhasil gan setelah saya coba... :(

Posting Komentar