Trieple-Six: Membuat Label Cloud

Sekarang saya share tips untuk para blogger yang ingin membuat blognya tampak unik dan menarik... ...bloger sekalian sudah tahu kah cara membuat Label Cloud seperti yang saya punya ituu... dan seperti gambar dikiri ini lho... hehe...nah jika para bloger ada yang belum tahu silahkan ikuti tutorial cara membuat label cloud ini ^_^ mari dicoba....

Sebenarnya ada 2 cara untuk memasang Label cloud seperti itu... cara yang pertama saya sebut cara manual

Login ke Blog kalian
Click Design/Rancangan langsung ke Page elemen/Elemen laman kan
Tambah Gadged dan pilih "HTML/Javascript"
Kemudian Coppy paste code berikut ini :

Catatan :
Warna Biru : Ganti kode warna biru dengan kode link masing-masing label
Warna Hijau : Ganti dengan nama masing-masing label
Warna Orange : Ubah ukuran tinggi dan lebar tag cloud sesuai dengan yang Anda inginkan

nah itu cara manual Sobat... ...dan ini saya beritahu cara yang Automatic atau otomatis ^_^

Masuk ke Dasboard
pilih Design dan pilih Edit HTML
tekan Ctrl+f dan cari kode berikut

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

Jika menggunakan template blogger designer (template baru) Seperti saya ini... ...coba cari kode seperti di bawah ini :

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

setelah menemukan code diatas masukan Code dibawah ini ^_^

<style type="<br /> <b:widget id='Label99' locked='false' title='Labels' type='Label'><br /> <b:includable id='main'><br /> <b:if cond='data:title'><br /> <h2><data:title/></h2></b:if><br /> <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>

Lalu Save Template

Catatan :

Jika di blog tempat 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. Pilih option Cloud
Jika ingin mengubah warnanya Anda bisa coba ganti beberapa variabelnya
tagcloud", "240", "300", "7", "#ffffff" ->

240 adalah lebar widget , 300 tinggi widget (angka 240 dan 300 bisa Anda ganti sesuai lebar widget Anda agar lebih rapi),
#ffffff adalah warna background, warna backgroundnya bisa anda ganti dengan warna lain sesuai background template Anda

Selamat Mencoba dan semoga Berhasil ^_~

Trieple-Six

Serch

Translate

Label

Follower

Entri Populer

Membuat Label Cloud

0 comments:

Posting Komentar