Memasang Tag Cloud Blogger

Memasang Tag Cloud Blogger

Diposkan oleh Tuan Muda ANwar di 14:33

Tampilan label yang disediakan oleh blogger bisa dibilang sangat standar, tentu saja akan lebih bagus lagi jika di blog kamu dipasang tag cloud, Tag Cloud yang berputar-putar ketika mouse Anda didekatkan ke label (tag) tersebut,Mau Widget Tag Cloud yang seperti punyaku ini?
Caranya gampang kok,

• Pertama Login dulu di Blogger
• Pada menu Dasbor pilih Tata Letak
• Lalu pilih "Edit Html"
• Jangan lupa contreng check box "expand text widget"
• Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'>
• Kalau gak ketemu cari kode yang ditandai merah saja
• Lalu paste kode berikut, tepat di bawah baris kode hthl tersebut
  <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></div>
  <script type='text/javascript'>
  var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "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>
• Simpan Template
• uihhhhhhhhhh....... dah jadi deh, keren kan?