Related Posts Plugin for WordPress, Blogger...

Terima kasih anda sudah berkunjung di Website KREASI | Sebuah Kreasi yang mencoba memberikan pengetahuan untuk melangkah dalam masa depan yang Gemilang | Jangan Lupa Tinggalkan Komentar Anda |

Rabu, 25 April 2012

Menambahkan Label Cloud

Hai sobat kali ini saya akan postiing 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 ^_^

0 komentar:

Tinggalkan Komentar Anda

Silakan berkomentar dengan baik dan sopan. Untuk berkomentar anda bisa gunakan format di bawah ini.
Format untuk komentar:
1. Pilih profil sebagai Name/URL
2. Isikan nama anda
3. Isikan URL (Blog/Website/Facebook/Twitter/Email /Kosongkan)
4. Isikan komentar
5. Poskan komentar