Setelah posting kemaren tentang membuat label dengan scroll, sekarang akan memaparkan satu alternatif lagi untuk mendesain label blog kita. oke, sekarang waktunya mendesail label dengan animasi Flash, untuk contoh dapat anda lihat sidebar di kanan pada Tab Label.
Nah, adapun cara pembuatannya seperti dibawah ini :
- Login dulu ke Blogger
- Pada dashboard langsung pilih Tata Letak/Layout
- Terus masuk ke Edit HTML
- Centang Expand Widget Template
- Lalu cari code yang mirip dengan code berikut ini :
<b:section class='sidebar' id='sidebar' preferred='yes'>
- Jika sudah ketemu, Copy code dibawah ini setelah kode diatas :
<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'>code by <a href='http://www.redonewest.co.cc/'>BLOGnya ridwan</a> and <a href='http://www.redonewest.co.cc'>BLOGnya ridwan</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "280", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xff0000");
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://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>code by <a href='http://www.redonewest.co.cc/'>BLOGnya ridwan</a> and <a href='http://www.redonewest.co.cc'>BLOGnya ridwan</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "280", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xff0000");
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>
- Kode angka berwarna merah dapat anda sesuaikan dengan ukuran sidebar anda
- Kode #ffffff adalah kode background dan ff0000 adalah kode text
- Simpan hasil jerih payah anda terus lihat hasilnya
Semoga bermanfaat
Terima Kasih
By :
0 komentar:
Posting Komentar
Silahkan Berkomentar..!!!
Saya akan Mengahpus Komentar Yang Menggunakan Kata-kata Yang Dianggap Tidak Benar..!!!