Cara yang pertama
1. Login Blogger.com2. Di dasbor sobat pilih Rancangan >> Edit HTML
3. Expand template widget
4. Cari kode yang persis di bawah 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>
<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>
6. pilih simpan template
Cara yang ke dua
>> Mengubah lebar dan tinggi kolom serta warna background Angka "240" adalah lebar kolom Angka "300" adalah tinggi kolom Sedangkan #ffffff adalah kode untuk backgroud
>> Merubah ukuran font so.addVariable("tagcloud", "
Artikel Terkait:
Blogger
- Cara membuat tombol minimize dan maximize
- Cara Membuat Daftar Isi Dengan Jquery
- Cara Membuat Kotak Area Dengan Efek Membesar Saat Disorot Mouse
- Cara Membuat Link Bergoyang Dengan Javascript
- Post Populer dengan Animasi
- Konten Bundar Slide
- Putar Gambar dengan CSS3 tanpa Javascript
- Pasang Modus Hemat Energi di Blog
- Membuat Tombol Top Up
- Gambar Dengan Efek Zooming di Blog
- Kotak Text Area Dengan Tombol Select All
- Cara Membuat Browser Berputar
- Cara Membuat Efek Coret Pada Postingan
- Image Gallery Menggunakan Jquery 1.4.2
- Cara Menampilkan Favicon Di Semua Browser
- Cara Membuat Random Post Di Blogger
- Cara membuat Artikel Terkait Dengan Gambar/Thumbnails
- Cara Mudah Pasang Emoticon Di Kotak Komentar
- Cara Pasang Head Line News
- Membuat Artikel Terkait Dengan Fungsi Scroll
- Cara Membuat Fitur Reply Pada Kotak Komentar
- Cara Mudah Membuat Recent Post Bergambar Dengan Efek Naik Tangga
- Cara menampilkan Icon Di Judul Postingan
- Memanipulasi Tampilan Jumlah Komentar
Comments :
0 komentar to “Cara membuat Label cloud berputar di blog”
Posting Komentar
Jangan lupa di follow dan tinggalkan komentar
Komentar anda sangat bermanfaat untuk perkembangan blog ini. Gunakanlah kata kata sopan dan santun. Terimakasih.....