Cara Pasang Label Cloud Berputar Pada Blog

Salam blogger, he sobat blogger kali ini saya akan membahas tentang Label.
Label itu sendiri adalah, pengelompokan artikel asrtikel yang dibuat menjadi satu label atau satu kategori.
Pada umumnya biasanya label itu berbentu tag atau daftar yang memanjang kebawah.

Mungkin kalian sudah memasang label berbentuk daftar pada blok kalian, tetapi saya akan membuat tutorial bagaimana membuat label berputar.
Label berputar ini bentuknya sangat dinamis dan menarik karena kata-katanya berputar pada saat di klik.

Bagaimana membuatnya !
Gampang sekali kalo kalian mengikuti tutorial di bawah ini dengan teliti.

  • Login terlebih dahulu ke blogger dasbor kalian.
  • Pada dasbor kalian pilih Rancangan -- Edit HTML -- Klik Expand Preview Template.
  • Download dahulu template kalian jika ada kesalahan dalam mengedit..
  • Silahkan kalian cari kode di bawah ini.
  • <b:section class='sidebar' id='sidebar' preferred='yes'>
  • Copy kode di bawah ini setelah kode yang ada di atas !
<b:widget id='Label99' locked='false' title='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>
  • Keterangan !
  •  240   : Lebar
  •  300   : Tinggi
  •  12     : Ukuran Font
  •  #ffffff : Warna 
  • Simpan Template
Selamat mencoba.

0 Comment:

Posting Komentar