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

INCOME BLOGGER
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.
Profit Blogger

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"