Label awan merupakan salah satu bentuk kumpulan daftar label yang ditampilkan seakan-akan berada di atas awan. Trik blogger ini juga sangat menarik untuk di adopsi dalam blogspot. Kalau biasanya kamu hanya menggunakan label default bawaan widget atau gadget blogger.com, sekarang kamu memiliki salah satu variasi. mungkin ada yang berminat ikuti langkah-langkah di bawah ini.
- Log in dulu ke blogger
- Pilih Tata Letak
- Edit HTML
- Download dulu Tamplate anda <<>>
- centang "Expand Template Widget"
- cari kode <b:section class='sidebar' id='sidebar' preferred='yes'>
- lettak kan kode di bawah ini persis di bawah kode <b:section class='sidebar' id='sidebar' preferred='yes'>
<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://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://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>
- Ganti kode yang berwarna merah dengan lebar area label ("240"), tinggi area label ("300"), dan warna area label (#ffffff) sesuai dengan ukuran elemen halaman (lokasi peletakkan label awan) di blog kamu.
- Rubah warna hijau (333333). ini Khusus untuk perubahan warna teks
- Atur putaran kecepatan dengan mengganti kode berwarna biru (100), makin besar makin cepat.
- Kemudian Simpan
Hubungi Kami: J_Putra
Email: jptr273@gmail.com
keren kang jaya reviewnya tentang label cloud, cmn klo pake firefox kebanyakan pake addblock plus kan , jadinya kebanyakan nda tahu tuh label atau flash intro hehehe
kang jaya sakti juga ente nih... mantabs
uih cantik kalee web nya.. saya coba ya kang
keren di coba ya coz g tau cloud label tuh kaya gmn test dulu ye
Dulu sempat bertanya2 bagaimana ya kawan2 blogger membuat kotak label yang bisa bergerak seperti ini?. Akhirnya tahu namanya cloud label dan juga cara membuatnya. Alhamdulillah
iya kang jaya ane setuju ma master ocim :)
Datang ke sini lagi. Belum ada artikel baru lagi ya?
halo...mohon tips dan cara untuk buat lebel berawan melalui javascrip..sebab kode ini = "" tak ada di HTML saya karena sudah dua hari saya mencari kode ini tidak ketemu walaupun sudah melalui centeng Expand...
nice share kang.. sekedar masukan neh.. ke depan agar tiap post di berikan contohnya hasilnya langsung kang, biar lebih menarik.. nuwun
widget nice telah Dicoba...and lum ada pengaruhya hanya muncul judulnya saja..., apa yng kurang ya?, sekalian tukeran Link nya Mas...., makasih...
Kang, mbok yo diperliatkan hasilnya kayak gimana?
Biar gak perlu ngetest dulu gitu...