.showpageNum a { padding: 3px 8px; margin:0 4px; text-decoration: none; border:1px solid #999; -webkit-border-radius:3px;-moz-border-radius:3px; background: #ddd; } .showpageOf { margin:0 8px 0 0; } .showpageNum a:hover { border:1px solid #888; background: #ccc; } .showpagePoint { color:#fff; text-shadow:0 1px 2px #333; padding: 3px 8px; margin: 2px; font-weight: 700; -webkit-border-radius:3px;-moz-border-radius:3px; border:1px solid #999; background: #666; text-decoration: none; }

Halaman

wirausaha online Kontak jodoh Mobil bekas Rumah dijual

Sabtu, 06 November 2010

Home » » Membuat Gambar Melayang Pada Blog

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.

0 komentar:

Posting Komentar