Cara mudah membuat label berputar seperti bola(tag could)

selamat malam sob,,,setelah saya blog walking kesana kemari cari cara untuk buat kayak gini,,susah banget...tapi saya gak mau menyerah sampai disitu,,saya terus berusaha dan harus bisa.

oke langsung aja sob,,,disini akan saya jelaskan cara membuat tag could berputar seperti bola seperti yang ada di blog saya ini,

I. Langkah Pertama

 1. Login ke Blogger dengan ID sobat. 
 2. Klik Tata Letak 
 3 Klik tab Edit HTML
 4 Download dahulu template sobat dengan mengklik Download Template Lengkap   
 5. Kemudian klik button Expand Template Widget dan cari kode yg seperti ini :    

    <b:section class='sidebar' id='sidebar' preferred='yes'>
  
 6.Copy kode berikut ini setelah kode diatas :

        <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>

    

 7. Kemudian Simpan Template.

II. Langkah Kedua

    Mengubah lebar dan tinggi kolom serta warna background

    

    Angka "240" adalah lebar kolom

    Angka "300" adalah tinggi kolom

    Sedangkan #ffffff adalah kode untuk backgroud

    
    Merubah warna font, untuk kode warna bisa sobat lihat disini

    
    so.addVariable("tcolor", "0x333333");

    
    Merubah ukuran font

        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>");


Jika dalam membuat label cloud ini tidak berfungsi, silahkan sobat ganti label text menjadi label cloud. Perhatikan gambar dibawah ini :

oke,,,semoga bermanfaat sob,,,saya sudah bisa,,sekarang giliran kamu untuk pasang tag could keren ini!
terima kasih untuk miscah.blogspot.com/

artikel terkait

Share this post