Cara Membuat Label Berputar-putar Di Blog (Tag Cloud)

zoct net cinema

blogger, tutorial

7 Komentar

1. Buka Dasboard Blogger lo > Template > Edit HTML
2. jangan lupa "Expand Template Widget" lalu
3. Untuk template lama cari kode ini: <b:section class='sidebar' id='sidebar' preferred='yes'> 
4. Untuk template baru cari kode ini: <b:section-contents id='sidebar-right-1'> 
5. Setelah ketemu lo copy paste code berikut ini tepat di bawah kode yang lo cari tadi
6. <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'>bang zendy by <a href='http://zendyhafitra.blogspot.com/'>Roy Tanck</a> and <a href='http://zendyhafitra.blogspot.com'>bang zendy</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>
    Klik Simpan template

Keterangan: 

• Kode berwarna kuning adalah lebar widget, bisa sobat sesuaikan sediri.
• Kode berwarna hijau adalah tinggi widget, bisa sobat sesuaikan sendiri.

Segitu Saja  Cara Membuat Label Berputar-putar Di Blog (Tag Cloud) , Kalau Kurang Jelas Tolong Berkomentar Yang Baik.
Semoga Bermanfaat