Cara Membuat Label Animasi

Label Animasi - Merupakan bentuk dari label yang telah disediakan oleh blogger, namun bedanya label yang ini bergerak berputar. Untuk label bawaanya blogger sendiri sebenarnya juga bisa kita rubah tampilanya namun tidak bisa bergerak seperti yang satu ini. bagi yang ingin membuat silahkan ikuti langkah-langkahnya berikut ini.

Petunjuk Pembuatan Label Animasi

1. Masuk Blogger

2. Pilih Rancangan/Design

3. Pilih Edit HTML, dan Centang :Expand Template Widget"

4. Ada baiknya anda simpan dulu template anda, buat jaga-jaga jika gagal. anda bisa langsung mengembalikanya lagi, LALU Cari kode " <b:section class='sidebar' id='sidebar' preferred='yes'> " untuk memudahkan dalam pencarian tekan CTRL + F

5. Jika suda ketemu Copy Script dibawah ini Dan Letakan DIBAWAH 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'>

<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(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);

// uncomment next line to enable transparency

//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);

so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);

so.addVariable(&quot;mode&quot;, &quot;tags&quot;);

so.addVariable(&quot;distr&quot;, &quot;true&quot;);

so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);

so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);

so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);

so.write(&quot;flashcontent&quot;);

</script>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

6. Jika sudah silahkan anda Pratinjau/Preview.

7. S A V E

Keterangan Warna :

Warna Biru : Ukuran Label Animasi, silahkan ganti jika anda ingin menggantinya

Warna Kuning : Background dari Label Animasi, Kurang puas? silahkan ganti sesuai dengan selera anda

Warna Merah : Ukuran Font/Huruf, ganti sesuai keinginan anda

Silahkan anda utak atik lagi sesuai kebutuhan anda, semakin banyak anda utak atik semakin banyak pula yang anda tahu. Jika ada yang kurang jelas silahkan anda tanyakan. Semoga sukses !