Senin, 29 Maret 2010

MEMBUAT WIDGET TAMPIL DIPOJOK HALAMAN BLOG


Hey sahabat Blogger, pa kabarnya mua? Mmm...v3 harap semoga kita semua selalu dalam naungan Cinta Kasih Allah dah jauh dari petaka serta marabahaya.

Nggak terasa dah lama banget nih v3 break dari dunia blogger, disebabkan karna padatnya jadwal kuliah (huf.... -_-) Kangeeeeen banget dech rasanya, Syukur yang nggak terhingga buat Allah SWT. Lord of the lords, for all the blessings. Tuhanku satu2nya yang nggak pernah Alpa mencintaiku, kendati diriku acap kali lupa Pada-NYA.

Oh ya, kali ini v3 ingin berbagi untuk sahabat blogger semua. Sering kita jumpai blog-blog yang ada widgetnya di pojok halaman blog tersebut. Salah satunya blog v3 ini (hehehe) Nah...!! ini dia cara membuat Widget tampil di pojok halaman blog :


Anda harus Login terlebih dahulu,

kemudian masuk ke Layout

dan pilih Edit HTML,

setelah itu cari kode ini ” ]]></b:skin>

Kemudian copy kode dibawah ini dan pastekan diatas kode ” ]]></b:skin> ” tadi


#absolute {
position:fixed;_position:absolute;
top:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.
documentElement.clientWidth - offsetWidth); }



kalo anda ingin merubah posisi widget tersebut, tinggal ganti posisinya pada text yang berwarna orange dengan posisi yang anda inginkan.

Selanjutnya cari kode </body>

Tambhkan kode di bawah ini tepet di atas kode </body> tersebut.

<div id='absolute'>

<b:section class='absolute' id='absolute' preferred='yes'>

</b:section>

</div>


Untuk membuat widget pojok lebih menarik ganti sesuai keinginan anda, misalnya anda ingin menampilkan widget animasi maka masukkan URLnya yang bertipe dot gif.

Caranya anda tinggal mengganti kode diatas dengan kode di bawah ini ;

<div id="absolute">

<img src="http://Url gambar anda" border="0" />

</div>

Anda tinggal merubah text yang berwarna orange dengan URL gambar anda.

Selamat mencoba.. ^_^


Read More......
 
""

' Copyright 2008 Shoppaholic Designed by Ipiet Templates Image by Tadpole's Notez