Update Terbaru
Loading...
Home » » Membuat Cloud Blogumus : Label Animasi yang Berputar di Blogger
Published On : Jumat, 28 Juni 2013
13.49.00 | Admin | No Comments

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.
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.

Selamat Berkreasi!!
 
 
 


Related Post

0 komentar:

Posting Komentar

Referensi : DTE | MDF Blog | MKR Site
Copyright © 2013. Gembulz Blog's - All Rights Reserved
Template Created by Creating Website Modify by Gembulz Blog's
Powered by Blogger Top