Label / Tag Cloud Flash di Blogger
Saat sadar bahwa label/kategori di blog ini sudah semakin banyak, dan memakan tempat. Sedangkan masih banyak elemen2 lain yang masih ingin saya tambahkan, maka saya segera mencari cara untuk menghemat space untuk kategori dan sekaligus tidak mengurangi fungsi dan keindahan blog ini. Pertama saya mempertimbangkan Drop Down Menu, tapi setelah saya pikir...koq rasanya kurang bagus diblog ini ya... trus sempat juga untuk mengubahnya dalam bentuk Scrolling Menu, tapi juga dari segi keindahan, saya masih kurang sreg, Menu Tree juga saya gak terlalu suka.
Lalu saya teringat menu Tag Cloud nya Wordpress atau Cumulus Tag, wah sepertinya ini cocok banget. Lalu saya cari2 cara gimana supaya bisa dipasang di Blogger ini. Setelah beberapa kali searching di Google, akhirnya ketemu juga tips yang gak ribet, tapi hasilnya OK punya...yach...bisa dilihat di blog saya ini ^_^. Tertarik dengan label postingan Blogspot yang dipasang berbentuk flash..???
Silahkan ikuti langkah2nya:
1. masuk ke layout dan klik ==> Edit HTML
2. Cari kode ini di Layout Edit HTML anda
<b:section class='sidebar' id='sidebar' preferred='yes'>
3. Klo sudah ketemu copy & paste kode berikut dibawahnya
<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", "310", "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>
4. Untuk merubah tinggi dan lebarnya ganti kode angkanya
"310", "300", "7", "#ffffff"
Sebagai pertimbangan, setingan di blog saya ini adalah:
Lebar: 310px
Tinggi: 300px
Latar belakang: Putih
Ukuran fron : 12
Mungkin saya juga akan memasangnya di blog saya yang lain ^_^.
Selamat mencoba, dan kalo berhasil...jangan lupa tinggalkan comment ya ^_^
Sumber: http://gajrug.blogspot.com
Artikel Terkait :
Label
Komputer
- 58 widget untuk mempercantik Blog
- Membuat Gambar / Tulisan Berbayang
- Menampilkan Follower Blog yang Hilang
- Free Blog Themes (Blog Template)-3
- Free Blog Themes (Blog Template)-2
- Free Blog Themes (Blog Template)
- Tokoh-Tokoh Dunia Blogging Indonesia (Lokal)
- Bill Gates
- Cara menampilkan daftar isi
- Blog
- Lindungi Anak dari Bahaya Internet
- FREE TWITTER BUTTONS (Includes Animated GIFs)
- MENAMBAH SIDEBAR BLOG MENJADI DUA
- Infolinks sebagai alternatif In-Text Advertising selain Kontera
- Cara Membuat Kotak Blogroll dan Marquee
- Pasang Emoticon di kotak komentar
- Menambah Gambar Sebagai Pembatas Postingan
- Apa Itu Backlink
- Tentang Backlink
- Backlink Dalam Dunia SEO
- Apa itu dofollow, Apa itu backlink?
- NoFollow vs DoFollow: Mana yang Kamu Suka?
- Tips Meningkatkan PageRank Blog Per-Halaman
- 5 Cara Jitu Menggenjot Pagerank!
Blog
- Happy New Year 2010
- 58 widget untuk mempercantik Blog
- Membuat Gambar / Tulisan Berbayang
- Menampilkan Follower Blog yang Hilang
- Free Blog Themes (Blog Template)-3
- Free Blog Themes (Blog Template)-2
- Free Blog Themes (Blog Template)
- Widget | Cara Membuat Blog roll Marquee
- Tukar Link
- Membuat Kotak Tukar Link
- Menghilangkan angka pada label
- Tokoh-Tokoh Dunia Blogging Indonesia (Lokal)
- Blog
- Menampilkan Judul Posting sebelum Judul Blog
3 komentar:
sudah di coba semua tidak bisa :) mungkin kode htmnya yang salah di perbaiki dong:) kasihan yang pemula seperti saya :) thankyou:)
chaca says
thengs bgtt :))
Okelah Kalo Begitu says
Kode HTML nya bener kok..
Saya sudah coba dan berhasil.
Makasih Banget Yaaa....