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.. ^_^


15 komentar:

  1. Kunjungan balik kawan, salam kenal, blognya kok berta bangetz ya...

    BalasHapus
  2. ahah pertamanya mbak..
    salam kenal yach..wee fotonya mirip mbak anyin
    wah blpgnya rame mbak ga berat nech hehe...
    oh y sxan dech ngjak barter banner mbak..
    silahkan mampir untuk di cek bannernya sudah nangkring di blog saya
    Sukses Slalu!

    BalasHapus
  3. @ rhyzaboy : salam kenal kembali,thanks dah kunjungi blog saya, hehehe,, maaf kemarin itu karna pake background animasi, tapi sekarang dh diganti kok, jadi gak berak lagi.

    @ bunglon blog : makasih dah kunjung balik :)
    salam kenal kembali, :o mmm kalo bolh tau mbak anyin yang mana yach?
    oh ya, banner kamu juga dah nangkring di blog saya,^_^
    Amin.... sukses selalu juga buat anda......

    BalasHapus
  4. mampir mbak...
    hehe mbak anyin sahabat blogger saya mbak sekilas hampir mirip ne alamatnya
    http://www.blogger.com/profile/03671536262893908929.
    Selamat braktivitas
    Sukses Slalu!

    BalasHapus
  5. @ bunglon blog : hehehh...bisa aja.. ^_^
    Amiinnn...... thanks :)

    BalasHapus
  6. thanks infonya
    blog bagus banget
    boleh ga tukaran link sekalian mampir ke blog ku ya!!! hehe

    BalasHapus
  7. @ rahasia otak kanan : boleh....silahkan ambil bannernya yach...thanks.. ^_^

    BalasHapus
  8. Selamat Hari Raya Idul Fitri 1 Syawal 1431 H
    Minal Aidzin Walfaizin Mohon Ma'af Lahir dan Batin.

    BalasHapus
  9. bLh tnya tha??

    Hmm ..
    qLo nampilin Efek, kya kupu-kupu di blog kmu, gmana tu caranya??

    Sekedar nambah iLmu ^_^

    BalasHapus
  10. BLOGWALKING. BLOGNYA AMAT MEMBANTU. BERKUNJUNG KEMBALI YACH

    BalasHapus
  11. keren mba ,, blh di copas yua hehehe ..

    BalasHapus
  12. mampir ah... di blog cantik ini..

    BalasHapus

 
""

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