Social Icons

Senin, 26 November 2012

Cara Menambahkan "Label Cloud" di Blog Part 1

Selamat siang sobat-sobat blogger^_^. . .
kali ini saya akan posting tentang "Cara Menambahkan "Label Cloud" di Blog".
Biar gk pake lama, langsung aja dibaca gih tutorial dibawah:


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>

Gambar Terposting
  • 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?^_^.
Saya sudah mencobanya sendiri dan berhasil, walaupun memang tidak saya pakai karena label saya sedikit.:) Label Cloud akan bagus digunakan bila kalian mempunyai label yang cukup banyak. Semoga bermanfaat buat sahabat semua ^_^

1 komentar:

  1. assalamualaikum Mr. salamun, nih dr temenmu di kampung sumurgede. Sudah lama g' ketemu. We ra tau muleh po? :) salam hangat dr saya "sop anake pak anam". Nama FBmu apa mun? Klo nama FBku Sofa Mawon. wah ternyata kmu dah lihai buat blog, q perlu belajar banyak nih sama kmu. Waskum

    BalasHapus