31 Desember 2011

Membuat Cloud Blogumus : Label Animasi yang Berputar di Blogger



Cloud Blogumus adalah Label dalam Blogger yang di modifikasi sehingga tampilannya menggunakan Flash yang bisa berputar, sehingga Blog menjadi menarik. Kegunaan lain juga untuk meringkas daftar label dalam satu kotak widget.
Sebenarnya Cloud Blogumus ini adalah sebuah widgets dari WordPress, tapi disini kita akan memodifikasi dan memasangnya pada Blog dari Blogger (blogspot).


Cara membuat Cloud Blogumus :
1. Login ke Blogger anda.
2. Setelah sampai Dashboard, pilih Rancangan, lalu Edit HTML
3. Beri tanda centang "Expand Template Widget"
4. Copy paste dahulu template anda ke dalam Notepad sebagai Backup atau juga anda bisa download template lengkap blog anda.
5. Kemudian cari code berikut :

<b:section class='sidebar' id='sidebar' preferred='yes'>
(untuk kode disesuaikan saja, karena tidak semua template sama kodenya)

Masukkan kode berikut dibawahnya :


<b:widget id='Label99' locked='false' title='Label Blogumus' 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://artfussion.blogspot.com/'>LABEL</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>
Keterangan :

  • Lebar 240px
  • Tinggi 300px
  • Warna Background putih #ffffff
  • Test color 0x333333 = grey
  • Besar huruf "12"
  • Kecepatan berputar ("tspeed", "100")
  • Tulisan Label yang berwarna BIRU adalah Label yang akan anda tampilkan
Jika file .swf tulisan yang berwarna MERAH tidak berfungsi, ganti dengan yang berikut ini :

http://www.swfcabin.com/swf-files/1275932799.swf

6. Klik tombol Pratinjau untuk melihat hasilnya, sesuai atau tidak.
7. Jika sudah klik tombol Simpan Template.

Selesai sudah pemasangan Cloud Blogumus di Blogger, sekarang anda tinggal men-setting Label apa saja yang akan di perlihatkan atau dicantumkan dalam Cloud Blogumus tersebut. Jangan semuanya sehingga tampilan Cloud Blogumus tidak ruwet karena terlalu banyak Label yang ada.

Selamat mencoba
 damai

Jangan lupa klik tombol like gan !! :P 

0 komentar:

Tambahkan Icon
:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* : 8-} ~x( :-t b-( :-L x( =))

Posting Komentar

Artikel Terbaru :

Related Post