Top Ad unit 728 × 90

Cara Membuat Label Cloud Berputar

Label adalah pengelompokkan artikel blog dalam satu kategori, dan kemudian biasa di pasang di sidebar atau mungkin di bagian bawah template. Saat ini model atau bentuk label ada 3, label umum atau yang biasa (standard), label cloud, dan label cloud berputar. Yang akan kita bahas sekarang adalah memasang label cloud berputar di blog.
Label cloud berputar ini terlihat lebih menarik karena gerakannya yang dinamis sehingga dapat menarik perhatian para pengunjung blog kita dan label cloud ini gerakannya juga mengikuti cursor.

Sebenarnya untuk membuat label cloud berputar ini membutuhkan kode HTML yang lumayan agak panjang dan sobat harus menambahkannya pada template sobat, jadi saran saya nanti sebelum mengedit template, ada baiknya backup terlebih dahulu template sobat.

I. Langkah Pertama
  1. Login ke Blogger dengan ID sobat.
  2. Klik Tata Letak 
  3. Klik tab Edit HTML 
  4. Ada baiknya Download dahulu template sobat dengan mengklik Download Template Lengkap, jadi bila terjadi kesalahan sobat tinggal restore saja lagi.
  5. Kemudian cari kode yang seperti ini : gunakan [ CTRL+F ]
    <b:section class='sidebar' id='sidebar' preferred='yes'>

  6. Jika sudah ketemu, 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://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
    <div id='flashcontent'>Blogumulus by <a href='http://gapteka-z.blogspot.com'>Ms Hery</a></div>
    <script type='text/javascript'>
    var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
    // 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='12'><data:label.name/></a></b:loop></tags>");
    so.addParam("allowScriptAccess", "always");
    so.write("flashcontent");
    </script>
    <b:include name='quickedit'/>
    </div>
    </b:includable>
    </b:widget>

Kemudian klik Simpan Template. dan coba lihat blog sobat sekarang ,,, mudah-mudahan berhasil ya ,,, hehee

Cara Membuat Label Cloud Berputar photo Reviewed by Budi Hery Kiswanto on 3:37 AM Rating: 5

2 comments:

  1. Informasi yang bermanfaat... tapi nggak bikin berat kan sob? Makasih udah share...

    ReplyDelete
    Replies
    1. Insya Allah tidak sobat, kalau memang berat, tinggal kompress file .js'x dan pindahkan k'hosting pribadi... beres deh. ~_~

      Delete

All Rights Reserved by Coretan Gaptek © 2014 - 2015

Contact Form

Name

Email *

Message *

Powered by Blogger.