10.04.2009

Label Flash Blogumus

Kali ini saya mau ngasih tips cara memasang Flash blogumus atau contoh mudahnya ada di sebelah kanan,kotak warna hijau dengan tulisan yang melayang.....kotak tersebut berisi label kategori dala postingan blog.......caranya cukup mudah, ikuti petunjuk di bawah ini :

1. Login ke blogger.
2. Masuk tata letak klik edit HTML dan centang pada Expand Widget Template (EWT)
3. Cari Kode berikut <b:section class='sidebar' id='sidebar' preferred='yes'>
4. Kemudian letakan kode berikut ini di bawahnya....

<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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#800040&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x#7f7f7f&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 Klik preview atau pratinjau untuk emastikan hasil.....bila sudah sesuai dengan keinginan...maka klik save
6 Bila ingin mengganti warna background, font color dll ikuti langkah berikut

Ukuran asli :
Width is set to 240px (lebar)
Height is set to 300px; (tinggi)
Background color is white
Text color is grey
Font size is "12"

Untuk merubah tinggi dan lebar serta background color ,maka cari dan ubah kode berikut :

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#800040");

Warna tulisan :

("tcolor", "0x#7f7f7f ");


sedangkan ukuran tulisan atau fontsize :

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");


Bila anda kesulitan mencari kode yang ingin di rubah,maka ketik Ctrl+F saat edit HTML......kemudian akan uncul kotak pencarian...masukan kode yang di maksud lalu tekan enter.

NB : menurut informasi dari hendra site sahabat saya.....si amanda fazani dan roy trank udah menghapus swf dan js nya untuk tagcloud ini, untungnya saya udah menyiapkan back up file nya, jadi anda semua bisa mendownload backup file tersebut dan mengganti URL warna hijau di atas dengan URL direct link dari webhost anda sendiri maka dari itu download JS nya di sini dan download swf nya di sini