Close it

Jumat, 08 April 2011

1 Membuat Gambar Melayang Dan Di Pojok►► URL : http://wwdq.blogspot.com/2011/04/membuat-gambar-melayang-dan-di-pojok.html.

Share
Malam-malam paling seru mojok. "Mmm.. Mojok...". hehehe Mojok disini dimaksudkan trik membuat gambar melayang walaupun scrol keatas kebawah kesamping dia tetap melayang dan Mojok. Memang paling mantab kalau yang mojok-mojok. Trik ini dipakai untuk mempercantik tampilan blog anda, selain itu juga bisa digunakan untuk memasang widget, seperti jam, hit counter, kalender, iklan, dan lain-lain "Dengan catatan jangan terlalu besar gambar atau widget yang ingin dibuat melayang dan mojok". Kenapa? karena bisa mengganggu pembaca blog anda.Sudah tahu kan yang dimaksud mojok disini. Bila anda berminat untuk mencobanya, silakan dilihat caranya dibawah ini :

1. Login ke blogger trus klik "Layout -->> Edit HTML

2. Cari (CTRL+F) kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

#mojok_terus {
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, kalau ingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika ingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

<div id="mojok_terus">
<a href="http://wwdq.blogspot.com">
<img src="http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" border="0" /></a>
</div>
Keterangan :
*Warna merah ganti url blog anda, atau link apapun. fungsinya kalau diklik gambar itu akan ke url tersebut.
*Warna Biru url gambar yang melayang, bisa anda kreasikan sendiri
*Bila ingin widget yang melayang tinggal ganti kode yang bercetak tebal dengan kode widget anda
Selamat  Mencoba
Post Info :
Judul = Membuat Gambar Melayang Dan Di Pojok

Url = http://wwdq.blogspot.com/2011/04/membuat-gambar-melayang-dan-di-pojok.html

Author = Rizal Loa Wanda. At : 20.58 Jumat, 08 April 2011 | Comment:1

Artikel Terkait

Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

1 komentar:

No Spam Please :)


Tambahkan Bookmark halaman ini untuk mempermudah Pencarian Anda [CTRL+D].