Membuat Label Tag Cloud Yang Bergerak Berputar (BLOGUMULUS)

Membuat Label Tag Cloud Yang Bergerak Berputar

 

Motivation - Kali ini saya akan membagikan Tutorial "Membuat Label Tag Cloud Yang Bergerak Berputar". Widget Label Memiliki Fungsi yang sangat penting dalam blog, oleh karena itulah, kali ini saya akan membagikan widget label (tag) yang sangat keren.

Beberapa waktu yang lalu widget ini dikatakan sebagai widget terbaru dan terpopuler di blog dengan desainnya yang keren, oleh karena itu, semua blog mengincar widget ini, sampai-sampai script ini sempat error, namun setelah saya memperbaruinya, saya jamin 100% work sekarang, widget ini dapat terpasang. Bagaimana caranya? Silahkan Ikuti Tutorial Pemasangannya dibawah ini,

1. Login ke Blogger >> Dashboard >> Template >> Edit HTML
2. Temukan kode dibawah ini, untuk lebih mudah dalam pencarian, Silahkan tekan CTRL+F
   
   

   <b:section class='sidebar' id='sidebar' preferred='yes'>

   
   Jika anda tidak menemukan kode diatas, anda tidak perlu khawatir bahwa widget keren ini tidak bisa terpasang di blog saya, anda bisa memasangnya kok, jika tidak menemukan kode diatas, cobalah mencari kode dibawah ini,
   
   

   <b:section class='sidebar' id='sidebar' showaddelement='yes'> 

3.  Nah, disini ada dua cara, yaitu:
   
   1. Jika yang anda temukan adalah kode
      
      

      <b:section class='sidebar' id='sidebar' preferred='yes'>

      
      Pastekan code dibawah ini, tepat diatasnya
      
      

      <b:widget id='Label99' locked='false' title='Tag Cloud/Label' type='Label'>
      <b:includable id='main'>
      <b:if cond='data:title'>
      <h2><data:title/></h2>
      </b:if>
      <div class='widget-content'>
      <script src='http://anvity.googlecode.com/files/swfobject.js' type='text/javascript'/>
      <div id='flashcontent'>Blogumulus by <a href='http://amazeof.blogspot.com/'>Roy Tanck</a> and <a href='http://utility-picture.blogspot.com'>Amanda Fazani</a> Reuploaded by <a href='http://utility-share.blogspot.com'>B-Motivate Blog</a></div>
      <script type='text/javascript'>
      var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "200", "150", "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>

   2. Jika yang anda temukan adalah kode
      
      

      <b:section class='sidebar' id='sidebar' showaddelement='yes'>

      
      Pastekan Script/code dibawah ini, tepat dibawahnya
      
      

      <b:widget id='Label99' locked='false' title='Tag Cloud/Label' type='Label'>
      <b:includable id='main'>
      <b:if cond='data:title'>
      <h2><data:title/></h2>
      </b:if>
      <div class='widget-content'>
      <script src='http://anvity.googlecode.com/files/swfobject.js' type='text/javascript'/>
      <div id='flashcontent'>Blogumulus by <a href='http://amazeof.blogspot.com/'>Roy Tanck</a> and <a href='http://utility-picture.blogspot.com'>Amanda Fazani</a> Reuploaded by <a href='http://utility-share.blogspot.com'>B-Motivate Blog</a></div>
      <script type='text/javascript'>
      var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "200", "150", "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>

4. Save

• Ket : anda dapat mengubah beberapa source code yang ada didalamnya

1. Tag Cloud/Label adalah Judul Widget Anda yang akan tampil
2. 200 adalah lebar widget
3. 150 adalah tinggi widget
4. #ffffff adalah warna background. CARI WARNA DISINI

Nah, Itulah Tutorial "Membuat Label Tag Cloud Yang Bergerak Berputar", Semoga Bermanfaat. Terima Kasih.

Motivation_2014Arsip