Kamis, 24 Mei 2012

Cara Membuat Tag Cloud Comulus Labels

NBC Blog - Tag Cloud Comulus Labels
Tag Cloud Comulus Labels ini sendiri adalah label setiap postingan yang di munculkan di side bar blog dengan sistem rotasi atau berputar. Meskipun pada dasarnya di setiap blog sudah tersediah widget untuk memunculkan label setiap postingan, namun dengan menggunakan metode Tag Cloud Comulus Labels, tampilan kumpulan label-label akan menjadi lebih menarik.

1. Login ke  blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Templates Widget,
3. Cari kode : <b:section class='sidebar' id='sidebar' preferred='yes'> atau <b:section-contents id='sidebar-right-1'>
4. Lalu copy paste kode di bawah ini tepat berada di bawah kode tadi,

<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://nuzil-news.blogspot.com/'>Nuzil</a> and <a href='http://piala-sepak-bola.blogspot.com'>Stadion Sepak Bola</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>

5. Save hasil kerja dan lihat hasilnya.

Catatan :
* tulisan berwarna merah yang pertama adalah lebar tampilan dan yang kedua adalah tinggi tampilan Tag Cloud Comulus Labels yang di inginkan
* tulisan berwarna hijau adalah background dari Tag Cloud Comulus Labels yang tampil di blog
* tulisan berwarna biru adalah warna tulisan label
* tulisan berwarna ungu adalah kecepatan rotasi dari label-label yang muncul
* komputer harus terinstal flash untuk program ini bisa bekerja

1 komentar:

  1. Thanks gan tutorial + scriptnya .. (y)
    Moga makin sukses dengan apa yang agan punya ..

    BalasHapus