Purba My ID

Membuat Tag Cloud Pada Blogspot

Susah emang mencari kata kunci untuk ini, seperti biasa aku blogwalking dan mencari kata kunci untuk Label model Cloud, Label model Awan, Label berputar-putar, terakhir Tag Cloud....baru ketemu.
Ini caranya....
Login dulu ke blogger
Pada Dashboard pilih Layout > Edit HTML tab
Supaya aman Download full template dulu agar bisa di Backup.
Setelah itu cari kode berikut ini :

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

letakkan dibawahnya kode ini :

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

    &lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;

    &lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;

    &lt;param name="bgcolor" value="#ffffff" /&gt;

    &lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;

    <b:loop values='data:labels' var='label'>

    <a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>

    </b:loop>

    &lt;/tags&gt;" /&gt;

    &lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;

    &lt;/object&gt;

    </div>

    <b:include name='quickedit'/>

    </b:includable>

    </b:widget>

Width="250" = untuk ukuran Lebar
Height="200" = untuk ukuran tinggi
bgcolor" value="#ffffff" = untuk warna background (yg diatas adalah warna Putih)
value="tcolor=0x000000 = warna tulisan
expr:href='data:label.url' style='12'> = ukuran besarnya Huruf   
setiap blog mungkin berbeda-beda, jadi hati-hati (selalu di Backup)
Kalau sudah Click Save Template.

Dan untuk Kode warna dasar adalah :

Black (Hitam)        : #000000
    White (Putih)              : #ffffff
    Blue (Biru)                 : #0066ff
    Old Green (Hijau tua) : #006666
    Red (Merah)             : #ff0000
    Yellow (Kuning)        : #ffff00
    Green (Hijau Muda)  : #00ff00
    Purple : (Ungu)          : #ff00ff
    BlueSky (Biru Langit) : #00ffff
    Orange (Oranye)       : #ff9900
    Pink (Merah Muda)   : #ff99ff


Selesai..lihat deh blognya..udah jadi.  
Photobucket 

Posting Komentar

1 Komentar

rais mengatakan…
mas bisa requet tutorial membuat daftar isi seperti http://adidolok.blogspot.com/2009/10/daftar-isi-blog-adidolok.html