Cara membuat gambar melayang di blog mengikuti layar computer
seperti gambar di bawah ini :caranya sedikit gampang, banyak susahnya...... he2, becanda bro.
Nih gw kasih tau caranya …
Pertama:
Buat dulu gambar yang ukurannya 125x125 (terserah selera sih), terus simpan/upload gambar yang udah dibuat tadi ke image hosting .. misalnya photobucket.com .( contoh gambar dibawah ini )
Kalo udah, ambil url gambar yang udah di upload tadi ‘n simpan di notepad atau Microsoft Word (buat sementara aja) atau bisa di ingat dikepala aja... biar pinter.
Kedua:
1. Login dulu ke blogger.com
2. Pilih menu Design
3. Klik Edit EDIT HTML, seperti gambar di bawah ini :
selanjutnya setelah di klik, anda akan di bawa tempat dimana akan rancangan blog, seperti gambar di bawah ini : ( jgn lupa anda harus mencentang
4. Cari kode ini ]]</b:skin> (seperti gambar diatas, supaya lebih gampang, tekan ctrl+f ‘n masukan kode yang dicari)
5. Copy/paste kode script di bawah ini,......... dan letakan tepat sebelum/diatas kode ]]</b:skin>
#dony_triks{
position:fixed;
_position:absolute;
bottom:5px;
left:5px;
clip:inherit;
_top:expression(document.documentElement.scrollTop + document.documentElement.clientHeight-this.clientHeihgt);
_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);
}
contoh gambar :
selanjunya
1. Cari kode </body>
2. Copy/paste kode script di bawah ini....... dan letakan tepat sebelum kode </body> (diatasnya /body>)
<div id="dony_triks">
<a href="http://dony-silaen.blogspot.com">
<img src="http://www.loogix.com/img/res/1/3/3/5/3/3/13353378882492592.gif" border="0" /></a>
</div>
selanjutnya
® Klik Save
1. “http://dony-silaen.blogspot.com” adalah link saya. dan mesti diganti dengan link kamu.
2. ”http://www.loogix.com/img/res/1/3/3/5/3/3/13353378882492592.gif” adalah lokasi gambar saya. dan
mesti diganti dengan lokasi gambar kamu.yang telah dibuat di photobucket. -Jika kamu pingin
gambar/imagenya bukan photo kamu, melainkan jam/kalender/hit counter/widget-widget yg lain, maka
ganti text yang berwarna biru ( http://www.loogix.com/img/res/1/3/3/5/3/3/13353378882492592.gif )
dengan script widget-widget tersebut dengan yg kamu inginkan.
-Simpan hasil kerja kamu dan lihat hasilnya.
Gimana??? .. Gampang kan????
Catatan:
® Kode yang diletakan diatas ]]</b:skin> adalah kode posisi letak gambar, dan bisa diganti dengan “up, right, left atau down”
---------- sekian ---------






Tidak ada komentar:
Posting Komentar