Cara Membuat Label Berputar di Blog melalui html/melalui widget

Desain dan widget blog terkadang mempengaruhi traffic pengunjung, semakin menarik desain blog biasanya pengunjung akan betah berlama – lama bahkan mengunjungi lagi blog kita. Kita boleh memasang banyak widget tapi juga harus memperhatikan kerapian dan loading blog itu sendiri.


Kali ini blogatap akan mengulas kembali cara membuat label atau category berputar di blog, agar label terkesan menarik dan menggoda untuk pengunjung klik.

Langsung saja berikut langkah – langkah pembuatannya :

1. Login akun blogger 
2. Pilih Template > Edit HTML > klik Expand Template Widget 
3. Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'> atau <b:section-contents id='sidebar-right-1'> 
4. Copy kode dibawah ini dan paste tepat dibawah kode tadi.
   
   <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'>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("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "300", "200", "7", "#ffffff"); // uncomment next line to enable transparency //so.addParam("wmode", "transparent"); so.addVariable("tcolor", "0x333333"); so.addVariable("mode", "tags"); so.addVariable("distr", "true"); so.addVariable("tspeed", "100"); 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>"); so.addParam("allowScriptAccess", "always"); so.write("flashcontent"); </script> <b:include name='quickedit'/> </div> </b:includable> </b:widget>
   Keterangan :
   “300” : lebar widget, ubah sesuai blog Anda
   “200” : tinggi widget, ubah sesuai blog Anda 
5. Kemudian klik Save template
   Nb: Kalau widget belum muncul pada blog, silahkan tambahkan gadget/widget 'Label'.

Sebenarnya trik atau tips cara membuat label berputar atau bahkan postingan yang lain sudah banyak dibahas oleh master blogger senior, tapi disini blogatap menyajikan kembali dan semoga bermanfaat bagi sobat blogger semua.

Cara membuat label berputar dengan WIDGET

1.Masuk ke blog anda terus pilih TATA LETAK
2.klik TAMBAH WIDGET kemudian pilih JAVA SCRIPT
3.copy dan pastekan kode di bawah ini

• <div id="w2bFlashContent"><p style="display:none;">Flash Labels by <a href="http://www.way2blogging.org/">Way2Blogging</a></p></div>
  <script type="text/javascript">
  /*<![CDATA[*/
  var w2bFlashLabelSettings = {
      blogurl        : "http://firdausenjoy.blogspot.com",
      color          : "000000",
      hoverColor     : "333333",
      backgroundColor: "FFFFFF",
      size           : 14,
      speed          : 100,
      width          : 250,
      height         : 250,
      transparency   : true
  };
  /*]]>*/
  </script>
  <script type="text/javascript" src="http://widgets.way2blogging.org/blogger-widgets/w2b-new-flash-label-cloud.js"></script>

Ganti tulisan warna MERAH dg alamat blog anda

Flash Labels by Way2Blogging