Jumat, 25 Mei 2012

Tag Cloud ( Label Flash )

saya ingin memposting bagaimana cara membuat Tag Cloud / Label bergaya Flash yang saya dapat dari teman saya Catatan Si Pandu ,
 lihat contoh di samping ,,



Gimana bagus bukan??kalo anda ingin seperti contoh disamping saya akan kasih tau cara nya
tapi hanya template tertentu yang bisa menggunakan Label Flash(Tag Cloud)


Begini loh cara nya gan !

1. Log In ke akun Blogger anda
2. Edit HTML
3. Beri centang Pada Expand Template Widget
4. Carilah salah satu code di bawah ini :

<b:section class='sidebar' id='sidebar' preferred='yes'>
 <b:section-contents id='sidebar-right-1'>
<b:section-contents id='sidebar-left-1'>

untuk mempermudah menemukan Kode diatas gunakan CTRL+F(Find)  . Bila Kode HTML tersebut ketemu
Copy Kode HTML dibawah ini dan Paste Persis dibawah Kode HTML 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://idub.007sites.com/donor_ilmu/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>flash tag cloud </div>
<script type='text/javascript'>
var so = new SWFObject("http://idub.007sites.com/donor_ilmu/tagcloud.swf", "tagcloud", "240", "300", "7", "#CCCCCC");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='15'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
  Keterangan :

Tulisan yang berwarna biru itu untuk mengatur Lebar dan Tinggi
          Tulisan yang berwarna Merah dan Kuning untuk mengatur warna Background Tag Cloud (Label Flash)
           Tulisan yang berwarna Hijau untuk mengatur Ukuran Teks

Berikut Kode Warna HTML, Silahkan Anda Coba Sendiri :


ungu  #FF33FF
        #FF00FF
merah marun #FF3333
                   #FF0033
orange #FF3300
          #FF0000

#CC3399
#CC0099

#99FF00
#99CC00

#99FFCC
#99CCCC

5.Save/Simpan Template
  dan lihat hasilnya


Semoga Bermanfaat >,<

Tidak ada komentar:

Posting Komentar