Membuat Gambar Melayang (Float Image) di Pojok Halaman

Kita akan belajar bersama-sama cara membuat gambar atau foto yang bisa melayang, seperti mahluk halus saja :) Apakah seh maksudnya? Lihat pada layar monitar kita saat ini. Di pojok halaman blog saya ada gambar rumah (home) walau kita naik turun tetap saja gambar itu berada di sana (pojok Halaman)

Sebuah blog juga harus kelihatan cantik atau indah supaya orang juga betah untuk berlama-lama di blog kita. Tentu dengan kita membuat gambar melayang atau float image harapan itu akan terwujud. Selain itu kita juga dapat menganti gambar itu dengan sebuah widget, misalnya jam, kalender, atau banner.

Cara Membuat Gambar Melayang (Float Image) di Pojok Halaman
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode ]]></b:skin> setealah itu, taruh kode berikut ini di atasnya.

#trik_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); }

6. Selanjutnya Cari kode </body> jika sudah ketemu, taruk kode berikut ini di atasnya.

<div id='trik_pojok'>
<a href='http://kurniasepta.blogspot.com'>
<img border='0' src='http://homepage1.nifty.com/simachan/simacha/material/image/button/home01.gif'/></a>
</div>

Note : Kita bisa ganti bottom dengan top dan left dengan right. Sesuai dengan letak yang kita inginkan atau mungkin sama dengan itu saja, gak usah diganti :D
Kita juga harus ganti http://kurniasepta.blogspot.com dengan URL kita sendiri, tapi kalau tidak diganti juga terima kasih :z Dan kita juga bisa menganti http://homepage1.nifty.com/simachan/simacha/material/image/button/home01.gif dengan URL gambar yang suka.

7. Simpan Template Kalau sudah selesai.

Enter your email address:

Belajar Ngeblog di BLOG Terkait:


23 komentar:

sdnsmn13pt mengatakan... Balas Komentar

lama kucari dengan harap cemas khusus blog sd kudapat
makasih!

Andy MSE mengatakan... Balas Komentar

keren deh!...

MULTI TEKNIK 66.COM mengatakan... Balas Komentar

aki aki ikut ngeblog nih...aki mau nanya bagai mana cara ganti rumah hantu ?melayang bisa gak ngambil ditempat hosting web aki / jakhoster.com bagai mana caranya yah maklum dah tua

theams mengatakan... Balas Komentar

wah bagus juga tuh,, tapi gimana cara ganti gambar rumahnya nih??

bani mengatakan... Balas Komentar

:-t

Cah Tamanan mengatakan... Balas Komentar

baguzzzzzzzzzhttp :))

Albertus Bima Saputro mengatakan... Balas Komentar

bagus artikelnya....;)

download software full version mengatakan... Balas Komentar

wow blog anda keren sekali http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif

Ajari cara buat tulisan bergerak memutar itu donkk... yang disebelah posting itu lho ^^

Jawab lewat comment di blog saya y.....

http://dermagailmu.blogspot.com/

sekalian maen gt.. hehehe ^^

Muhammad Fauzi Anhar mengatakan... Balas Komentar

belajar dari buku ta buat blognya????

Goel Al Jabrik mengatakan... Balas Komentar

lam kenal sobat...info yang bagus...thanks

Raven's mengatakan... Balas Komentar

mantap ne blog.. haha! I follow..!
:D

Raven's mengatakan... Balas Komentar

skalian maw nanya om...
cara bkin blog qta jadi tmpat pmasangan iklan kaya om gni gmana ya???
plz bagi2x ilmunya, ke tmpat ku yg bru aj ni
artsfate.blogspot.com
thx ya!!

GuN'z17 mengatakan... Balas Komentar

@Raven's
Maen maen dong om, ke Google ad sense, nanti kita dapet duit, pay per click...

@admin
Gan... kl mau bikin di empat sudut gmn yeee???:-/

masalahnye, ane mau niklanin grup ane di facebook juga...

trus, mau bikin official grup d facebook...
biar seru..:D
kan, entar hasil post ane, langsung kirim aje, ke anak-anaknye...

=)) gampang jd nya kan??? reader ada terus

Toko " AMOY SHOP" internasional mengatakan... Balas Komentar

gman cara membuat gambar ber jalan di setbar

Muhammad Najib.Mun'im. H.Hasanuddin mengatakan... Balas Komentar

Bang, bagus banget, tapi aku nggak ngerti, bisa kirimkan contoh web html nya.. please....

SAEPULL mengatakan... Balas Komentar

ko rumahnya diem aja yah?

princess aurora mengatakan... Balas Komentar

akuh gx bisa T_T

zanck mengatakan... Balas Komentar

thanks,,,


visit me, please.. http://uzanck-area.blogspot.com

hot mengatakan... Balas Komentar

blog mas bagus x ya,

mohon kritik n sarannya ya bg tentang blog baru saya, Artis MP3
Artis MP3 Home iklan gratis bisnis gratis Mesin Promosi Otomatis Link teman result Popular Posts Widget Kamis, 27 Januari 2011 Tips Meningkatkan Penda...
artismp3.blogspot.com/
thankz

Rama mengatakan... Balas Komentar

Susah banget ~x(

Asmara Susanto mengatakan... Balas Komentar

bacground bisa d ganti :)) sep

njya mengatakan... Balas Komentar

oke bosss

TheAhmadRI mengatakan... Balas Komentar

I LIKE THIS BLOGGGGGGGGGGGGGGGGGGGGGGGGG

Poskan Komentar

Berkomentarlah di blog ini dengan cerdas
* Jangan mencantumkan link contoh: http://xxx
* Untuk menampilkan emoticon, ketik kodenya contoh: =))
Jangan sampai komentarmu masuk ke dalam SPAM!