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
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.
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("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", "0×333333");
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.siomponk.com/'>Si Omponk</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", "0×333333");
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 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!!
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!!
Share it to your friends..!
 |
Posting Komentar