27 April 2010

Membuat Gambar Melayang Pada Blog

Yang namanya melayang berarti kan terbang ya,,,??? tapi kalu yang ini gk terbang ke langit , tpi kesannya hanya melayang - layang atau tidak menempel pada body blg Anda alias terpisah dengan blog Anda. Saya juga bingung ngejelasinnya nie,,, bagaimana kalau kita langsung praktek saja ya, Untuk contohnya bisa diliat disini atau bisa diantar menggunakan pesawat terbangku ini Image and video hosting by TinyPic


1. Masuk Ke Halaman Dashboard > Tata Letak > Edit Html.

2. Copy dan paste kode berikut tepat diatas tag ]]></b:skin>

#rifweb_melayang {
position:fixed; _position:absolute; bottom:0px; left:0px; clip:inherit; z-index:+1000;}

Keterangan :

Ubah kode yang berwarna merah sesuai keinginan Anda untuk meletakan gambar melayang, text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".

3. Apabila langkah diatas sudah terlaksana yuk Anda copy paste kode dibawah ini dan simpan tepat dibawah tag </head> dan sebelum tag <body> atau kata lainnya di tengah - tengah tag tersebut.

<div id='rifweb_melayang'>
<a href='http://ALAMATBLOGANDA.blogspot.com/' target='_blank' title='JUDUL_GAMBAR'>
<img border='0' src='http://ALAMATGAMABARANDA'/></a>
</div>

Keterangan :
Ganti Tulisan Alamat Blog , Alamat Gambar dan Judul Gambar Kesayangan Anda atau Anda dapat menggunakan Alamat ini :

a. Rubah_1, URL : http://www.cute-smiley.com/smilies/Red_fox11.gif

b. Rubah_2, URL : http://www.cute-smiley.com/smilies/Red_fox15.gif

c. Matahari, URL : http://www.cute-smiley.com/smilies/orange13.gif

d. Ompong, URL : http://www.cute-smiley.com/smilies/orange5.gif

f. Pesawat, URL : http://i39.tinypic.com/1zqel9l.png

Atau Kunjungi http://www.cute-smiley.com

Tambahan :

1. Kupu-kupu 1, URL: http://s3.tinypic.com/32zovnl.jpg
2. Kupu-kupu 2, URL: http://s6.tinypic.com/j64bw7.jpg
3. Kucing, URL: http://s5.tinypic.com/67uxav.jpg
4. Mickey Mouse, URL: http://s3.tinypic.com/ou5ahd.jpg
5. Sonic lari, URL: http://s6.tinypic.com/auyrgh.jpg
6. The Pooh, URL: http://s5.tinypic.com/2itlohw.jpg
7. Bumi, URL: http://s6.tinypic.com/9h5t8p.jpg
8. Bumi1, URL: http://s6.tinypic.com/23sbwv7.jpg
9. Bumi2, URL: http://s6.tinypic.com/1zf4yv8.jpg
10. Naik Sepeda, URL : http://www.postsmile.net/img/34/3487.gif
11. Dora Emon Bertarung ,URL :http://i206.photobucket.com/albums/bb274/locosoumpoco/Doraemon_Street_Fighter_3_by_zorkky.gif

Dan Jika Anda ingin yang melayang bukan gambar tetapi jam / kalender / hit counter / widget-widget yg lain-Nya, maka ganti text yang berwarna merah dan Jingga dengan script widget-widget tersebut.

Tepat - nya adalah :
<a href="http://NAMABLOGANDA.blogspot.com">
<img src="http://ALAMAT_GAMABAR" border="0" /></a>


4. Simpan Template dan Lihatlah Hasilnya.

Membuat Gambar Melayang Pada Blog Rating: 4.5 Diposkan Oleh: Sarifa Marwa

2 komentar:

  1. Wah... boleh juga nie sob.. bisa liat Contohnya terlebih dahulu gak sob...?

    ReplyDelete
  2. salam kenal mas, saya masih newbe nih... saya banyak banget dapat pengalaman dari blog ini. Maju terus mas...

    ReplyDelete

Komentar Spam, Link Aktif, dan URL Blog Takkan Muncul. Tidak semua pertanyaan sempat/bisa dijawab.