Artikel Terbaru :

Rabu, 29 Juni 2011

Cara Membuat Gambar Melayang

Trik kali ini adalah cara membuat gambar melayang atau widget yang selalu berada di pojok blog, jika kita geser ke bawah halaman, maka gambar tersebut tetap berada di pojok tak bergerak. Bagaimana triknya ayo langsung saja praktekkan cara-cara berikut ini!!!

1.Seperti Biasa Masuk Ke Blogger Anda
   -Klik Rancangan/Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

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

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "buttom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode </body>

<div id=" trikwidget _pojok">

<a href="http://www.wokasloh.co.cc">
<img src="ulr Gambar Anda"
border="0" /></a>
</div>

"http://www.wokasloh.co.cc"
adalah link. ganti dengan link kamu.
"ulr Gambar Anda"
adalah lokasi penyimpanan gambarmu. Ganti dengan kode tempat penyimpanan gamabrmu.

Jika ingin tidak gambar seperti di atas, anda bisa mengganti dengan widget-widget, misanya jam, atau iklan dan lain-lain, tinggal ubah saja kode gambar atau widget yang akan ditampilkan.

Kalau udah simpan/save.
Kemudian jangan lupa deh lihat hasilnya.
Selamat mencoba triknya ya!!!
Salam Blogger selalu untuk Anda!!

0 komentar:

Posting Komentar

Terima kasih Atas Komentarnya.

Pasang Iklan Anda Di Sini

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | coupon codes