tigerwalk

Cara Mudah 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. Mungkin diantara sobat pernah melihat label cloud berputar di blog teman-teman atau diantara sobat blogger yang ingin menghias blog dengan membuat label cloud berputar. Untuk contohnya bisa sobat lihat pada gambar.



Sebenarnya untuk membuat label cloud berputar ini sobat membutuhkan kode HTML yang lumayan agak panjang dan anda harus menambahkannya pada template anda, jadi saran saya nanti sebelum mengedit template, ada baiknya backup terlebih dahulu template anda supaya aman. Ok untuk membuatnya ikuti langkah-langkah dibawah ini.

  • Log in dulu ke account blog anda.

  • Pada dasbor klik rancangan kemudian Edit HTML

  • Cari kode berikut,agar mudah tekan Ctrl + F :

<b:section class='sidebar' id='sidebar' preferred='yes'>

  • Jika menggunakan template blogger designer coba cari kode seperti di bawah ini :

<b:section-contents id='sidebar-right-1'>

  • Setelah itu masukkan kode dibawah ini

<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("http://sites.google.com/site/bloggerustemplatus/code/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>

  • Simpan Template selesai

Nb : Jika di blog anda memasang tag cloud dan tag daftar/text, biasanya tag cloudnya belum muncul.Jika tag cloudnya belum muncul coba di setting manual widget label yang ada di sidebar blog anda. Pilih option Cloud


  • Untuk angka 240 itu adalah lebar dari widget. Untuk angka 300 itu adalah Tinggi widget ( Sesuaikan dengan template anda)

  • #ffffff adalah warna background, warna backgroundnya bisa anda ganti dengan warna lain , bisa dilihat dalam Mesin warna.


Selamat mencoba semoga anda berhasil.............


Artikel Terkait :

0 komentar:

Popular Posts

---------------

Buku Tamu

Mengenai Saya

Foto saya
Saya Bukan Seorang Blogger, Desainer atau Apapun Tapi Saya Hanya Seseorang Yang Ingin Selalu Belajar dan Ingin Tahu Sesuatu Yang Baru...
The Republic of Indonesia Blogger
Disini
Favicon1
Disini
free counters
Free counters
Free Automatic Backlink backlink Page Rank Checker
Indonesian Freebie Web and Graphic Designer Resources
Cerita Seks Panas Dewasa 17Tahun
Disini
 
Copyright© 2011 Go Belajar Mandiri | Template Blogger Designer by : Rahman™' |
Template Name | Uniqx Transparent : Version 1.0 | Zero-Nine.Net