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 :
Semoga bermanfaat
Terima Kasih
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://serba-seru.blogspot.com/'>SERBA BLOG</a> and <a href='http://serba-seru.blogspot.com'>SERBA BLOG</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://serba-seru.blogspot.com/'>SERBA BLOG</a> and <a href='http://serba-seru.blogspot.com'>SERBA BLOG</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
Comments
Post a Comment
Silahkan tulis komentar anda pada kolom diatas, namun diharapkan jangan melakukan spamming, hindari komentar yang mengandung unsur SARA, berkata kasar serta hal2 negatif lainnya, Terima Kasih, Semoga bermanfaat