Ads 468x60px

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.
5. 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://www.siomponk.com/'>Si Omponk</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0×333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Keterangan :
Lebar 240px
Tinggi 300px;
Warna Background putih #ffffff
Test color grey
Besar huruf "12"
Kecepatan berputar ("tspeed", "100")
Jika file .swf 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.

No comments:

Post a Comment