19 November 2012

TUTORIAL: FLOAT IMAGE/GAMBAR TERAPUNG DI BLOG

Tutorial kali nie aku nak ajar tentang macam mana nak buat gambar terapung di blog, biasanya gambar tu terapung di sudut2 blog. 

ok, yg dalam bulatan hijau tu lah gambar terapung di blog aku...
cantik kan.. hahaha

Langkah-langkahnya ialah:-

1. Log in blog, kemudian pilih 'Reka letak', lepastu pilih 'Tambah alat'.


2. seterusnya pilih 'HTML/Java Script'


3. Lepastu copy and paste code nie, dan masukkan ke dalam 'HTML/ Java Script' tu tadi. 

<div style="position: fixed; bottom: 0px; right: 0px;"><a href="URL PAGE ANDA"><img src="URL GAMBAR"/></a></div>

       - Tukarkan dengan URL page korang. contoh http://cikmiel-corat-coret.blogspot.com/

       - Tukarkan dengan URL gambar yg korang suka, Boleh cari di sini http://www.glitter-graphics.com

       - Nombor tu boleh ditukar ikut citarasa korang

       - 'bottom' boleh tukar kepada 'top', 'right' boleh tukar kepada 'left'

4. Save dan lihat hasinya. 

Ok aku bagi berapa gambar yg comel2 yg korang boleh cuba letak kat blog korang..

URL IMAGE
http://sl.glitter-graphics.net/pub/263/263375gg9sa9qapi.gif

URL IMAGE
http://sl.glitter-graphics.net/pub/637/637467c87shkkyna.gif

Nak lagi bannyak gambar2 menarik klik di SINI

URL IMAGE
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwlh2yIFfZO4cCj-pQV8iisbG5VhVGuvYQhKbVKEmOWvoKktVgPel__sBPLfJ0wTm9tz34YQQDnJ0xbH5F9h7Vxp8cyaap661a_olZYzvIAMClPB1namKAIpIC5BBvgLboEkNAFDKODQ8/s1600/purple2.gif

URL IMAGE
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3baWFn3K0ljK9NCJhDwHAtwmyf8XkfYfU5Ld7VA8abUdl8NaiDS1y207hV8b2JAJFliVZwzbCWMsm8faIUMtCdNSVWwMET4VgBH3qrrNxlb_APzUX0MixSlt9Dy9k33dY0aQ0lVQc0-I/s1600/0070t730.gif

Nak lagi banyak Gambar2 bunga yg menarik Klik di SINI

SEBARANG MASALAH BOLEH TINGGALKAN DI 'KOMEN' ATAU DI 'BORAK'
KALAU TAK ADA MASALAH PON BAGI TAU JE LAH






No comments: