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:

jabrik mengatakan...

;) maksih OM

Darmasena mengatakan...

@ jabrik :
Sama2..,trmksh kunjungannya !

FOKIRKASI mengatakan...

duh qo g bsa ya????

BLOG KANG WAWAN mengatakan...

thnk's atas tutorial nya

ansrosd mengatakan...

THANK ATAS ILMUNYA....

CURAHAN HATI ANAK NEGRI 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

CURAHAN HATI ANAK NEGRI 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 ;)

ulinnuha hammamiyah mengatakan...

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

imam ibnu Alhawaryy mengatakan...

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

riska ramadhani mengatakan...

gimana cranya,,, :-o

Hermawan. us mengatakan...

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

Fuadditiya Imaspadi Muharam mengatakan...

Trimakasih gan infony..

sangat bermanfaat bagi perkembangan blog saya.. :)

Blog Fuadditiya | The FIM Site

fegidwiana mengatakan...

cukup mengerti :)

Moiiant Duaribusepuluh 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

photocopycanon 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...

karman parasid 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..

YUSUF ARIFIN mengatakan...

BERMANFAAT BANGETTT ,,, MAKASIH

Dongeng Anak 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/

Rose Diana Daniswara 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

bulan perindu mengatakan...

biar gambar sendiri bisa gan ??? masih agak bingung

andi saputra mengatakan...

SEX EXSTRIM | FILM PORNO FULL VIDE HD

http://bukanrekayasa.blog.com/

WWW.BUKANREKAYASA.BLOG.COM

Film XXX | Film Sex | FILM Dewasa |Cerita Sex

Bedlim Citi mengatakan...

Terima kasih Atas Tutorialnya, sangat membantu

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