M
ungkin para sobat pernah atau bahkan sering melihat gambar dipojok halaman blog yang terlihat seperti melayang meskipun scroll bar diarahkan kemanapun. Gambar ini akan tetap diposisi dimana tempatnya berada. Gambar yang sobat lihat tersebut biasa disebut dengan gambar melayang atau float image.Jika blog sobat ingin dihiasi gambar seperti tersebut dan belum tahu caranya bisa ikuti langkah-langkah dibawah ini:
1. Login ke blog sobat
2. Pilih tata letak
3. Klik edit HTML
4. Cari kode ]]></b:skin>
5. Letakkan kode di bawah ini diatasnya,hingga posisinya sebagai berikut:
#gambar {
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);
}
]]></b:skin>
Perhatikan gambar yang dicetak tebal: bottom bisa sobat ganti dengan top sedang left bisa sobat ganti dengan right.
bottom= bawah
top = atas
left = kiri
right = kanan
6.Kemudian cari kode </body>
7. Letakkan kode dibawah ini diatasnya:
<div id="gambar">
<a href="http://activekita.blogspot.com">
<img border="0" src="http://i761.photobucket.com/albums/xx252/darma_bucket/th_garudajpn.png"/></a>
</div>
Tulisan warna merah ganti dengan alamat blog sobat. Warna biru ganti dengan alamat gambar sobat,bisa berupa gambar apa saja. Untuk mencoba sobat boleh memakai alamat gambar diatas.
8. klik simpan
9. Lihat hasilnya
10. selesai
32 komentar:
;) maksih OM
@ jabrik :
Sama2..,trmksh kunjungannya !
duh qo g bsa ya????
thnk's atas tutorial nya
THANK ATAS ILMUNYA....
q coba kok ggl terus yaaa mas darrrrrrrrrrr
@ FOKIRKASI
@ CURAHAN HATI ANAK NEGRI
Jika terjadi kegagalan biasanya terletak pada koma (" ") mungkin ada yg terlewat.
Terimakasih atas kunjungannya !
@ BLOG KANG WAWAN
@ ansrosd
Terima kasih kunjungannya
tama2 ma dar.... ya kasih kembali , moga cepet bisa aku nih yaaaaaaaaaaaa,,,,,,,,,,,, q tak terus memperdalam ,,
:'(,....aku udah "Klik edit HTML"
tapi aku gak bisa nemuin " Cari kode ]]>"
ini.
itu di mana sih????
kayaknya aku emank oon dh,..:'(
tapi makasih atas info nya,...aku akan terus belajar,..:)
@ CURAHAN HATI ANAK NEGRI
Termakasih kunjungannya
@ Clara's world
Gunakan F3, dan masukkan kodenya.
Terimakasih kunjungannya
keren makasih ;)
saya bingung..sudah klik TATA LETAK trus klik edit HTML nya dimana ya..??? pleeeease..!!!
sebenarnya belajar betul..tapi koh masih belum tmu yahhh..mhon bantu...
gimana cranya,,, :-o
aku pernah pakek tip beginian cuma kok tidak bisa dimasukkan dengan kode ya
cukup mengerti :)
Mas tolongin dong, saya tau mas ini master makanya saya minta tolong sama mas... saya pengen tahu gimana itu caranya bikin widget atau banner jadi ada bingkainya.
misalkan saya mau promosiin banner bisnis saya di blog saya tapi kurang menarik kalau banner nya polos alias kaga ada bingkainnya... pengennya sih itu tuh bagusnya banner saya kayak Bingkai Onta punya mas... pengen banget bikin bingkai kaya gitu sumpah mas tolonglah email saya ya ditunggu banget ya mas,,
mas mas mas email saya mas...
morizexchange@gmail.com
kalo pasang untuk facebook caranya gimana bang. Trims ya
makasih banyak ya gan... di bog saya dah bisa di pasang nich trims...
PENGEN NANYA, kan saya udah buat menu horizontal pengganti navbar itu.. . nahhh yang pengen saya tanyain giman ya cara ngisinya biar tulisan kita ada di dalamnya ??? mohon jawabannya, thanks before
informasinya bermanfaat nh gan thanks yah..
BERMANFAAT BANGETTT ,,, MAKASIH
asik ni jurus baru hehe
Terima Kasih
om mau nanya cra bikin fiture home kayak punya om itu gimana ya cara nya , terimakasih,,,
mantap gan triknya
http://www.vimaxpasutri.com/
siip, makasiih buat infonya, hhe, kbetulan lagi butuh niih :3
minta bantuannya dong. kok blog sy tdk muncul pas nyari di google. yg ada cmn laman google plusnya. Thanks
biar gambar sendiri bisa gan ??? masih agak bingung
SEX EXSTRIM | FILM PORNO FULL VIDE HD
http://bukanrekayasa.blog.com/
WWW.BUKANREKAYASA.BLOG.COM
Film XXX | Film Sex | FILM Dewasa |Cerita Sex
Terima kasih Atas Tutorialnya, sangat membantu
MENANGIN NIH IPHONE 11 SECARA GRATIS!