Minggu, 04 Maret 2012

Cara Menambahkan "Label Cloud" di Blog

Haaaiiii,..hhehe kali ini saya akan posting tentang "Cara Menambahkan "Label Cloud" di Blog"..


Baru saja saya berpikir bagaimana cara membuat blog saya lebih menarik lagi,..setelah dipikir ketemu suatu custom dari "Label" di blog. Default tampilan label dari Blogger terlihat biasa-biasa saja. Maka dari itu saya pengen ubah menjadi Label Cloud, tapi bagaimana caranya? Setelah tanya Om Google akhirnya ketemu caranya dan ternyata cukup simple dan mudah. caranya begini :

  • Login ke Dashboard
  • Edit HTML blog kalian, bisa lewat Template pilih "Edit HTML"
  • Search code berikut 

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

atau

<b:section-contents id='sidebar-right-1'>

  • Setelah ketemu copy kan source code berikut di bawahnya 

<b:widget id='Label99' locked='false' title='Tag Cloud Comulus 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'>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(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&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>


  • Jika kalian ingin mencocokkan tinggi lebarnya edit pada bagian yang diwarna merah di atas. "240" untuk lebarnya. "300" untuk tingginya.
  • Dan jika ingin menyesuaikan warnanya edit pada teks yang berwarna biru. "#ffffff" untuk warna backgroundnya dan "0x333333" untuk warna teksnya.
  • Lalu Save, kemudian lihat hasilnya.

Nah cukup simple dan mudah kan?hhehe. Saya sudah mencobanya sendiri dan berhasil, walaupun memang tidak saya pakai karena label saya sedikit.hhehe Label Cloud akan bagus digunakan bila kalian mempunyai label yang cukup banyak. Semoga bermanfaat yah ^_^

Tidak ada komentar:

Posting Komentar