Cara membuat Label Cloud Berputar

Langsung aja ya soalnya malas mau basa-basi lagi . . . .hehe!!
disini saya akan menjelaskan langkah-langkah untuk membuat label cloud berputar seperti yang pernah saya lakukan dan berhasil. 
  1. Login ke blogspot.
  2. Sebelum mengunakan label cloud berputar, kita coba dulu dengan label milik Blogger. Dengan cara : Klik Design/Rancangan >>> elemen laman >>> Tambah Gadget  >> > Label

    Label standar Blogger
     
    >>> Konfigurasi  Label >>> kemudian simpan. Selanjut Lihat Blog, maka Label cloud standar Blogger di halaman blog anda.

  3. Nah selanjutnya saya akan menjelaskan cara membuat label cloud berputar di blog. Klik design atau Rancangan  >>> Edit HTML >>> centang Expand Templates (“jangan lupa BackUp Template HTML kamu untuk berjaga-jaga apabila terjadi Eror”)
  4. Cari kode berikut : <b:widget id='Label1' locked='false' title='' type='Label'>
  5. Setelah ketemu, buat kode ini < ! - - Label cloud berputar - - > diatas kode :
    <b:widget id='Label1' locked='false' title='' type='Label'>  Block kode yang seperti ini  : <b:widget id='Label1' locked='false' title='' type='Label'> sampai dengan kode ini </b:widget> kemudian hapus.

    contoh kodenya :
     
  6. Copy kode dibawah ini dan Paste-kan dibawah kode yang kita buat tadi :  < ! - - Label cloud berputar - - >

    <b:widget id='Label99' locked='false' title='MybLoG lAbEL' 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. Ctt          : Warna Hijau untuk mengatur ukuran label
                   : Warna Merah untuk warna background cloud-nya
                   : warna kuning untuk ukuran font 

     
  8. Selanjutnya Simpan Template >>> Lihat Blog. Gimana?? Jadikan!!

    GOOD LUCK ya!!!!!!!!!!

2 komentar:

Anonim mengatakan...

Tidak jadi

Unknown mengatakan...

wah munkn anda blum mengikuti prosedur yang disarankan atau anda tidak mengerti atau memahami kode HTML yang dimaksud, klw anda belum yakin sama tutorial yang saya buat. saya akan buktikan coba buka http://keluargajangkang.blogspot.com

thks . . . .

Recent Posts

KELUARGA JANGKANG

review jantakborneo.blogspot.com on alexa.com

Download Anime Manga Subtitle Indonesia

Be our Fan on Facebook

Our Partners

Logo Design by FlamingText.com
Logo Design by FlamingText.com
 

© 2010 RUDY PUTRA JOHAKNG All Rights Reserved Thesis WordPress Theme Converted into Blogger Template by Hack Tutors.info