Cara Membuat Label Animasi atau Tag Cloud pada Blogger

Cara Membuat Label Animasi atau Tag Cloud pada Blogger


Langsung aja ya...


1. Seperti biasa. Login ke Blogger. Setelah itu klik Layout -> Edit HTML
3. Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'>
4. Kalau sudah ketemu letakkan kode dibawah ini tepat dibawah kode yang diatas

<b:widget id='Label88' locked='false' title='Tag Cloud' 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://abi-galoga.blogspot.com/'>Dimas Abi Galoga</a> and <a href='http://hermanblogtips.blogspot.com'>Herman Blog</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;180&quot;, &quot;180&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

5. Save Templates.


oh iya, keterangan :


180 menunjukkan lebarnya
180 menunjukkan tingginya
fffff menunjukkan warna background dari tag clound.
333333 menunjukkan warna teks
12 menunjukkan ukuran teks