Trik Cara mudah membuat Label Cloud

Supaya tidak susah menjelaskan apa yang disebut dengan label cloud, anda langsung saja lihat label Yang berada di side bar blog saya yang paling atas. Itulah yang disebut label cloud. Terlihat menarik, apalagi jika anda membuat posting dengan berbagai macam label. Semakin banyak label posting anda, semakin banyak juga yang akan terlihat di label cloud anda (kebetulan sejauh ini saya baru punya 6 label).


Langsung saja saya mulai.

1. Seperti biasa, login ke blogger>layout>Edit HTML

 2. Kemudian anda cari script ini: (jangan lupa click "expand widget template)
<b:section class='sidebar' id='sidebar' preferred='yes'>

* Jika tidak ada cari yang ini:(biasanya tergantung pada template)
<b:section class='topsidebar' id='topsidebar' preferred='yes'>

* Atau yang ini:
<b:section class='leftsidebar' id='leftsidebar' preferred='yes'></p>

* Atau yang ini:
<b:section class='rightsidebar' id='rightsidebar' preferred='yes'>

3. Kalau sudah ketemu, maka Copy>Paste scipt dibawa ini tepat dibawah script yang ada diatas tadi.


<b:widget id='Label129' 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://tipspackjs.googlecode.com/files/labelcloud.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.marewa.info'>marewa</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quothttp://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;180&quot;, &quot;100&quot;, &quot;7&quot;, &quot;#000000&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0xfffffff&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='24'><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>


4. Silahkan anda preview terlebih dahulu, sebelum SAVE, jika tidak ada masalah pada preview nya, lalu click SAVE

KETERANGAN:
* Code yang berwarna merah adalah ukuran panjang dan lebar kotak label.
* Yang berwarna biru adalah warna backround label.
* Yang berwarna hijau adalah Warna huruf label.
* Yang berwarna kuning adalah ukuran huruf label.   

Baca Artikel Lainya Di bawah ini :

Widget by dunia malam