Cara membuat gambar yang selalu dibawah

Walau mata sudah merah, jam udah nunjukin 12.00, tapi dengan semangat untuk blogging membuat hati ini tetap setia nangkring diblog yang miskin pengunjung ini. Hehehe. Kali ini saya ingin memberi tutorial cara membuat gambar yang selalu dibawah, jadi walau scroll naik turun tuh gambar tetep nongol-nongol juga. Hmmm Yang pertama blogger siapain adalah gambar yang ingin ditampilin, bisa lewat hasil browsing google atau hasil ciptaan sendiri. Kalau browsing copy alamat url tuh gambar, tapi kalau bikin sendiri upload gambar tersebut ke image hosting seperti photbucket.com, dll. trus copy alamat url gambar tersebut. Nih langkah-langkahnya

1. Log in blogger

2. Klik Tata Letak

3. Klik edit html

4. Trus klik download template lengkap (jaga-jaga kalau gambarnya gagal)



5. Cari kode ]]></b:skin> , jika kesulitan mencarinya ketik ctrl+f dan ketik ulang kode tadi dikolom find. Setelah dapat, copy kode dibawah ini dan simpan tepat diatas kode ]]></b:skin>

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

Catatan : kode merah adalah posisi dari gambar tersebut. jika ingin gambar diatas maka ganti kata bottom menjadi up, jika ingin dikanan maka ganti kata left menjadi right

6. Kemudian cari kode </body> (biasanya letaknya paling bawah) lalu copy kode dibawah ini persis tepat diatas kode </body>

<div id='pojok'>
<img src='http://i900.photobucket.com/albums/ac201/bahtiarsaputra/baby_suck_on_pacifier_md_wht.gif' border='0' height='100' width='100'/>
</div>

Catatan : kode merah adalah alamat url gambar tersebut, ganti sesuai dengan alamat url gambar anda, sedangkan kode biru adalah ukuran dari gambar tersebut, ganti sesuai dengan keinginan kalian.

7. Klik Pratinjau untuk melihat hasilnya. Jika masih gagal mungkin ada kode diatas yang terlewat. Jika berhasil klik Simpan Template.

Selamat mencoba



Bookmark and Share

3 komentar:

LyMirza said...


hhi jadi pengen nyoba..
^^

Bahtiar Saputra said...

yaudah coba atuh . ehehhe

Post a Comment