Sesuatu yang Bagus untuk Blogger,Saya akan memberikan kode HTML Widget Label yang Berputar - putar jika disentuh kursor.
Serupa gambar diatas widget yang kali ini saya berikan untuk anda. Tampak semua label blog anda di sebuah kotak dengan tampilan 3D. Menarik sekali untuk dipasang bukan? Langsung saja saya berikan tutorialnya.
Cara Membuat Widget Label Berputar - Putar
Serupa gambar diatas widget yang kali ini saya berikan untuk anda. Tampak semua label blog anda di sebuah kotak dengan tampilan 3D. Menarik sekali untuk dipasang bukan? Langsung saja saya berikan tutorialnya.
Cara Membuat Widget Label Berputar - Putar
Pertama, seperti biasa, login dulu ke http://www.blogger.com/ menggunakan akun anda
Kedua, setelah muncul dashboard blogger anda, cari menu Template
Ketiga, klik kotak oranye yang bertuliskan "Edit HTML" lalu centang Expand Template Widget
Keempat, kita mulai langkah pengeditan HTML. Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'>
Kelima, copy kode HTML dibawah ini lalu pastekan di bawah kode <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:section class=<b:widget id='Label99' locked='false' title='Label Berputar Putar' 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'>Jona Rendra by <a href='http://jonarendra.blogspot.com/'>Jona Rendra</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#3050a0");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
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>sidebar' id='sidebar' preferred='yes'>
Keterangan :
Untuk kode berwarna merah, bisa anda ganti dengan lebar dan tinggi widget sesuai kolom widget anda. 240 itu tingginya, 300 itu lebarnya
Kode yang berwarna biru bisa anda ganti dengan HTML warna anda. Jika belum mendapatkan background warna yang cocok, cek kode warna disini.
Terakhir, klik simpan template. Pengeditan HTML pun selesai, coba buka blog anda sekarang apakah sudah berhasil terpasang widgetnya.
0 comments:
Post a Comment