MEMBUAT GAMBAR MELAYANG DIPOJOK



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:

Unknown mengatakan...

;) maksih OM

Darmasena mengatakan...

@ jabrik :
Sama2..,trmksh kunjungannya !

FOKIRKASI mengatakan...

duh qo g bsa ya????

Dunia Malam mengatakan...

thnk's atas tutorial nya

ansrosd mengatakan...

THANK ATAS ILMUNYA....

Ze Cayank Heaven mengatakan...

q coba kok ggl terus yaaa mas darrrrrrrrrrr

Darmasena mengatakan...

@ 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

Ze Cayank Heaven mengatakan...

tama2 ma dar.... ya kasih kembali , moga cepet bisa aku nih yaaaaaaaaaaaa,,,,,,,,,,,, q tak terus memperdalam ,,

Clara's world mengatakan...

:'(,....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,..:)

Darmasena mengatakan...


@ CURAHAN HATI ANAK NEGRI

Termakasih kunjungannya

@ Clara's world

Gunakan F3, dan masukkan kodenya.
Terimakasih kunjungannya

Rahma Shidisyuranie mengatakan...

keren makasih ;)

My motivation mengatakan...

saya bingung..sudah klik TATA LETAK trus klik edit HTML nya dimana ya..??? pleeeease..!!!

Unknown mengatakan...

sebenarnya belajar betul..tapi koh masih belum tmu yahhh..mhon bantu...

Unknown mengatakan...

gimana cranya,,, :-o

Unknown mengatakan...

aku pernah pakek tip beginian cuma kok tidak bisa dimasukkan dengan kode ya

fegidwiana mengatakan...

cukup mengerti :)

Unknown mengatakan...

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

Anonim mengatakan...

kalo pasang untuk facebook caranya gimana bang. Trims ya

Obat Herbal Nyeri Haid mengatakan...

makasih banyak ya gan... di bog saya dah bisa di pasang nich trims...

Unknown mengatakan...

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

jasa sumur bor mengatakan...

informasinya bermanfaat nh gan thanks yah..

Unknown mengatakan...

BERMANFAAT BANGETTT ,,, MAKASIH

Unknown mengatakan...

asik ni jurus baru hehe

ViperGoy Blog mengatakan...

Terima Kasih

Ticen Kurniawan mengatakan...

om mau nanya cra bikin fiture home kayak punya om itu gimana ya cara nya , terimakasih,,,

ranggashop mengatakan...

mantap gan triknya
http://www.vimaxpasutri.com/

Admin mengatakan...

siip, makasiih buat infonya, hhe, kbetulan lagi butuh niih :3

Lies Mariani Tangalayuk mengatakan...

minta bantuannya dong. kok blog sy tdk muncul pas nyari di google. yg ada cmn laman google plusnya. Thanks

Stress fighter indonesian mengatakan...

biar gambar sendiri bisa gan ??? masih agak bingung

sexsexsexsex mengatakan...

SEX EXSTRIM | FILM PORNO FULL VIDE HD

http://bukanrekayasa.blog.com/

WWW.BUKANREKAYASA.BLOG.COM

Film XXX | Film Sex | FILM Dewasa |Cerita Sex

Unknown mengatakan...

Terima kasih Atas Tutorialnya, sangat membantu

REN mengatakan...

MENANGIN NIH IPHONE 11 SECARA GRATIS!

:) :( ;) :D ;;) :P :-* :-o :(( =)) ~x(
Posting Komentar