Selamat siang sobat
Saya mau share tentang cara Membuat Label Bergerak di Blog
Tapi sebelum saya share tentangi ini, ngomong - ngomong sobat semua udah pada tahu belum nih tentang apa itu blogumulus? 
Sedikit cerita nih ya sob cuma untuk sekalian menambah wawasan Blogumulus itu adalah label widget yang dibuat dengan basis flash animation. Widget ini akan beraksi kalo pointer mouse dideketin ke widget ini. Pertama kali Blogumulus diciptakan oleh Roy Tankc tapi cuma terbatas untuk kaum pengguna Wordpress dan ngga mungkin untuk di pakai didalam Blogger. Tapi tenang aja sob karna sekarang blogumulus udah di sempurnakan dan bisa di pakai di blogspot
Ook sob sekian cuplikanya, mending sekarang langsung aja yuk kita ke TKP
  1. Login ke blogger dengan ID Sobat.  
  2. Klik Tata Letak 
  3. KLik tab Edit HTML 
  4. Klik tulisan Download Template Lengkap (ini untuk memback-up bila terjadi kesalahan). agar templatenya aman. 
  5. Cari kode yang mirip dengan kode di bawah ini :

  6. <b:section class='sidebar' id='sidebar' preferred='yes'>
  7. Copy kode di bawah ini kemudian taruh kode tersebut (paste) dibawah kode di atas.

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

  1. Kemudian Save Template Sobat.
Penting : Agar tampilan label animasi ini serasi dengan templet blog Sobat, sesuaikan kode-kode berikut dengan templet yang dipakai. Misal: Merubah lebar, tinggi dan warna background. Variable untuk lebar dan tinggi ada pada baris script berikut,

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");


240 menunjukkan lebar widget. 300 menunjukkan tinggi widget. #ffffff menjukkan warna background.100 menunjukkan kecepatan putaran. Merubah warna text. Variable untuk lebar dan tinggi ada pada baris script berikut,

so.addVariable("tcolor", "0x333333");

"tcolor" adalah flash variable, jadi pastikan hanya mengganti angkanya saja. Merubah ukuran font.Variable untuk lebar dan tinggi ada pada baris script berikut, 

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

12 menujukan ukuran font yang digunakan. ~> bila Sobat menginginkan background yang transparan, maka Sobat tinggal menghapus tanda // dari script di atas

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

Nah, sekarang tinggal sobat ngutak ngatik sendiri untuk warna dll sesuaikan dengan template milik sobat
Sekian dulu ya sob dari saya, semoga bermanfaat bagi sobat semua,.

Post a Comment

Pembaca yang baik selalu meninggalkan jejaknya, Silahkan berkomentar dengan bahasa yang sopan ^_^
- Dilarang berkomentar menggunakan Live Link !!!
- Dilarang promosi disini !
- Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten !!!

friendConnectJs/>

 
Top