Selasa, 22 Maret 2011

Membuat Tag Cloud Label



1. Login ke blogger

2. Pada Dashboard pilih Design > Edit HTML tab (Jangan lupa Download full template untuk Backup biar   aman)

3. Cari kode berikut:
    <b:section class='sidebar' id='sidebar' preferred='yes'>

(kemungkinan id blog anda berbeda dengan larsopunya, coba untuk lebih berhati-hati).


4. Paste kode dibawah ini setelah kode <b:section class='sidebar' id='sidebar' preferred='yes'>

<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://www.roytanck.com/wp-content/plugins/wp-cumulus/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>

5. Click Save Template.


6. Finished----View your blog.


Keterangan, kode dibawah ini dapat diganti sesuai kebutuhan anda:


Width="250" ( sesuaikan lebarnya dengan lebar blog kamu dengan cara mengganti nilai 250)


Height="200" ( sesuaikan tingginya dengan tinggi blog kamu dengan cara mengganti nilai 200)


Untuk mengganti background colornya ganti kode



    name="bgcolor" value="#ffffff"



(ffffff adalah kode untuk warna putih kamu bisa menggantinya sesuai dengan warna blog kamu).


Untuk mengganti warna tulisannya cari kode ini


    value="tcolor=0x000000




(000000 adalah kode untuk warna hitam)


Untuk mengganti ukuran font nya cari kode


    expr:href='data:label.url' style='12'>



(angka 12 adalah ukuran font).

Selamat Mencoba....Thanx...

0 komentar:

Posting Komentar