Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

X

Profit setiap hari

Cara Memasang Flash Label Widget di Blogspot


Contohnya bisa dilihat dari gambar.
Gimana? tertarik untuk membuatnya? Silakan ikuti langkah-langkah dibawah ini.

Langkah 1: Login dulu ke blogger
Langkah 2 : Pada Dashboard pilih Design > Edit HTML tab




Langkah 3: Supaya aman Download full template dulu agar bisa di Backup.
Langkah 4: Setelah itu cari kode berikut ini

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

perlu diperhatikan id blog kamu boleh jadi berbeda jadi berhati-hatilah !


Langkah 5: Copy - Paste kode dibawah ini letakkan 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>
Langkah 6 : Click Save Template.
Langkah 7 : Finished----View your blog.

Dengan melakukan langkah diatas, maka Label blog kamu sudah dibuat dalam bentuk flash. Untuk mencocokkan widget ini dengan blog kamu perhatikan keterangan berikut :


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 disana menunjukan ukuran fontnya bisa diganti sesuai dengan blog kamu). Sekian dulu....! Semoga bermanfaat.
Good Luck..!!!

Posting Komentar untuk "Cara Memasang Flash Label Widget di Blogspot"

INCOME BLOGGER
Profit Blogger