Click Here

Labels

Animasi Label dengan Flash

Setelah posting kemaren tentang membuat label dengan scroll, sekarang akan memaparkan satu alternatif lagi untuk mendesain label blog kita. oke, sekarang waktunya mendesail label dengan animasi Flash, untuk contoh dapat anda lihat sidebar di kanan pada Tab Label.
Nah, adapun cara pembuatannya seperti dibawah ini :
  • Login dulu ke Blogger
  • Pada dashboard langsung pilih Tata Letak/Layout
  • Terus masuk ke Edit HTML
  • Centang Expand Widget Template
  • Lalu cari code yang mirip dengan code berikut ini :
<b:section class='sidebar' id='sidebar' preferred='yes'>
  • Jika sudah ketemu, Copy code dibawah ini setelah kode diatas :
<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'>code by <a href='http://serba-seru.blogspot.com/'>SERBA BLOG</a> and <a href='http://serba-seru.blogspot.com'>SERBA BLOG</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;280&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;0xff0000&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>

  • Kode angka berwarna merah dapat anda sesuaikan dengan ukuran sidebar anda
  • Kode #ffffff adalah kode background dan ff0000 adalah kode text
  • Simpan hasil jerih payah anda terus lihat hasilnya
Selamat berkreasi
Semoga bermanfaat
Terima Kasih
Harga Notebook Acer Aspire S3 Ultrabook

Masih belum ada yang berkomentar nih.

Silakan anda yang pertama :

Silahkan tulis komentar anda dibawah ini, namun diharapkan jangan melakukan spamming,hindari komentar yang mengandung unsur SARA, berkata kasar serta hal2 negatif lainnya, Terima Kasih, Semoga bermanfaat