Home » , » Tutorial membuat Label flash animation

Tutorial membuat Label flash animation



label flash
Tutorial kali ini adalah membuat sebuah Widget Label yang unik dan keren yang contohnya bisa anda lihat seperti pada gambar di atas,bedanya label flash ini dengan label yang lainnya adalah ,label flash ini yang apabila kursor kita mengarah ke label flash tersebut maka label tersebut akan bereaksi dengan efek Flow berputar-putar,apabila para pengunjung blog kita ingin memilih label misalnya label windows caranya simple seperti biasa tinggal klik maka akan menuju ke halaman label yang dipilih tersebut.

Tutorial

  • Pertama-tama seperti biasa login ke akun blog anda.
  • Kemudian pilih Rancangan atau template, untuk berjaga-jaga silahkan Back-up terlebih dahulu template sobat.
  • Kemudian cari kode yang seperti di bawah ini,cara cepatnya tekan Ctrl + F kemudian masukan kode di bawah ini,tetapi apabila tidak di temukan cari lagi secara manual dengan saksama pasti ada kok.
<b:section class="sidebar" id="sidebar" preferred="yes">
  • Setelah ketemu copy kan kode di dibawah ini dan letak dibawah 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://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Labelflash by <a href='http://www.fendevils.blogspot.com/'>fendevils</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;260&quot;, &quot;260&quot;, &quot;7&quot;, &quot;#151515&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0xFFFFFF&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='10'><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>
  • Selesai,kemudian klik Pratinjau/Preview untuk melihat hasilnya kalau berhasil silahkan Save templatenya
KET :
  • 0xFFFFFF : warna tulisan label
  • #151515 : warna background
  • 260 dan 260 adalah lebar dan tingginya kotak label flash

Last note

Demikian tutorial membuat widget Labelflash animation ,semoga tutorial di atas dapat membantu sobat dalam menghias blog sobat, untuk tutorial lainnya mengenai blog silahkan cek di daftar isi ,wassalam :c:
Description: Tutorial membuat Label flash animation Rating: 4.5 Reviewer: Unknown - ItemReviewed: Tutorial membuat Label flash animation
Share this article :

3 komentar

Ai & Yoyo 15 July 2013 at 22:14
This comment has been removed by the author.
Anonymous 15 July 2013 at 22:16

wah ntar dicobalah gan... :>)

Unknown 15 July 2013 at 23:02

moggo gan :)

Berikan Komentar :)

KET :
1.Jika ingin menyisipkan Gambar <i rel="image">URL Gambar</i>
2.Jika ingin menyisipkan Kode <i rel="pre">Kode Anda</i>
3.jika ingin menyisipkan ,<b>teks tebal</b> <i>teks miring</i>
Note :
Untuk mengetahui balasan dari saya lewat email silahkan klik subcribe by email di bawah ini .Last NO SPAM Live Link
Konversi kode HTMLEmoticonTop Komentator

Back to Top