Latest Posts :
Home » » Cara Melayangkan Gambar Di blogger | SYLA

Cara Melayangkan Gambar Di blogger | SYLA

Sabtu, 21 April 2012 | 0 komentar



Saat ini saya akan membahas bagaimana cara membuat gambar melayang di blog. gambar melayang adalah gambar yang letaknya selalu tetap dan tidak terpengaruh scrool mouse. Apakah sobat tertarik membuatnya ???. Sebelum membuatnya, sobat harus menyiapkan gambar. terserah sobat mau gambar bergerak yang biasanya berformat .gif atau gambar bisa yang berformat .jpeg atau bisa juga gambar foto kita...hehehe biar narsis.

Gambar yang ingin dipasang lalu di upload atau disimpan di image hosting. sobat bisa menyimpannya di photobucket.com, imageshack.com, flickr.com atau image hosting lain. Tetapi untuk gambar dengan format .gif saya biasa menyimpannya di imageshack.com. ooo...iya saya sarankan, gambar yang ingin dibuat melayang sebaiknya gambarnya jangan besar-besar karena dapat mengganggu pengunjung blog kita.

Nah untuk step-step selanjutnya akan saya tulis lebih ringkas. Setelah sobat menyimpan di image hosting, inilah yang harus sobat lakukan :

1. Login Acount blogger anda.

2. Masuk pada Pengaturan.

3. Pilih Tata letak.

4. Edit html.

5. Kemudian copy code dibawah ini dan paste di atas kode ]]> < /b:skin >



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


Ket : Kode yang tercetak hijau ( bottom dan left ) menunjukan letak gambar. Letak gambar dapat di ubah dengan mengganti kode tersebut (left=kiri, bottom=bawah, right=kanan, top=atas) sesuai dengan keinginan anda.

6. Berikutnya cari lagi di dalam template anda kode < /body >
Kemudian copy pastekan code berikut ini dan letakkan diatas kode tersebut.


<div id='melayang'>
<img src='http://i478.photobucket.com/albums/rr146/tovarossi/bird_ann.gif'/></a>
</div>

Ket : kode yang berwarna hijau diganti dengan url tempat gambar anda disimpan.

7. Simpan, jadi deh........



Sumber : http://forantum.blogspot.com/2009/06/membuat-gambar-melayang-di-blog.html
Share this article :

Tidak ada komentar:

Posting Komentar

Silahkan sobat bercomentar sesuai dengan postingan di atas,
INGAT !!! Comentator yang baik tidak menyertakan hal-hal sebagai berikut

1. Link
2. Bukan untuk promosi
3. Berbau Sara
4. Berbau negatif
5. Tidak menyakiti pihak manapun

Dan apa bila hal itu ada maka tidak segan-segan akan saya hapus

By : SYLA 4 EVER

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. SYLA 4 EVER - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger