Top Ad unit 728 × 90

Mail Hosting

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 《B》《H》《K》 on 03.37 Rating: 5
All Rights Reserved by Coretan Gaptek © 2018

Formulir Kontak

Nama

Email *

Pesan *

Diberdayakan oleh Blogger.