Cara Membuat Menu Tag Cloud Label (Blogumulus)

Ada sedikit trik yang menarik lagi nih. Pada trik ini, kalian dapat membuat Tag Cloud yang bisa di bilang berbentuk seperti animasi. Cara membuatnya juga tidak sulit. OK, langsung saja caranya


(Sebelum kalian melakukan trik ini saja anjurkan untuk mem-backup template blog anda terlebih dahulu, agar jika terjadi eror kalian bisa langsung mengembalikannya, Caranya : Tata letak --> Edit HTML --> klik 'Download Full Template')

Cara :

• masuk dengan account blogger kalian
• lalu pilih Tata letak --> Edit HTML
• beri tanda centang pada kotak 'Expand Text Widget'
• lalu cari kode ini -> <b:section class='sidebar' id='sidebar' preferred='yes'>

(agar lebih mudah pada pencarian, tekan CTRL + F atau bisa juga tekan F3)

• copy kode berikut dan letakan setelah kode <b:section class='sidebar' id='sidebar' preferred='yes'>

Spoiler:

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

• Kemudian Save
  

Ket :

• Ganti kata yang berwarna merah menjadi code biru yang kalian inginkan. Kalian bisa mencari code warna tersebut Di sini .
• Ganti kata-kata yang berwarna merah dengan ukuran tinggi (300) dan lebar (240) sesuka hati kalian .
  

Selamat Mencoba ...





Sumber : Trikblog