Home
Tips Blogger

Cara Membuat Label Bergerak Ketika Disentuh Cursor

Pernahkan sobat melihat dibeberapa blog atau website yang apabila kita sentuhkan cursor pada labelnya maka labelnya akan bergerak. Dan tahukan sobat ternyata label bergerak itu merupakan widget yang dibuat dengan basis flash animation. Menarik kan? Kalo sobat berminat ikuti langkah-langkah di bawah ini.


1. Terlebih dahulu sobat login ke blogger atau klik disini
2. Pilih template >> Edit Html >> Lanjutkan
3. Centang Expand widget template 
4. Copy Script di bawah ini dan letakkan di bawah code <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> Posted by <a
href='http://adesyams.blogspot.com/'>Ade'S Tricks</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>
5. Simpan atau save template

Catatan:
  • 12 menunjukkan ukuran fontnya, 240 menunjukkan lebar dan 300 menunjukkan tinggi
  • #ffffff menunjukkan warna background // bisa dihilangkan jika sobat menginkan background yang transparan
  • 100 menunjukkan kecepatan putaran 
Selamat mencoba, jika ada kendala silahkan ditanyakan pada kolom komentar di bawah ini.

2 comments

  1. thx infonya gan...sangat membantu..kunjung balik dan follback gan
  2. Terimakasih artikelnya, nice..
    http://bit.do/25Kg
  1. Komentar ini, diurutkan dari yang terlama
  2. Tinggalkan komentar sesuai topik tulisan
  3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Out off topic
  4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
  5. Untuk menghapus komentar, hanya dapat dilakukan oleh admin.
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.