Cara Membuat Gambar Melayang Seri 2

Gambar yang melayang kali ini berupa burung twitter.

Jadi buat Anda yang merasa sebagai pengguna aktif

jejaring sosial yang satu ini, kira pantas untuk

memasang gambar melayang ini.

Ada 2 (dua) model gambar yang bisa Anda pilih.

GAMBAR MODEL PERTAMA :

GAMBAR MODEL KEDUA :

Cara memasangnya adalah sebagai berikut :

1. Pastekan kode di bawah ini sebelum atau
    di atas kode  ]]></b:skin>
 

#melayang {position:fixed;_position:absolute;bottom:10px; left:10px;clip:inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

CATATAN :

*  Ganti LEFT menjadi RIGHT bila Anda menginginkan
    gambar yang melayangnya berada di sebelah kanan.

2. Copy lagi kode berikut ini dan pastekan kode
    tersebut sebelum atau di atas kode  </body>

 UNTUK GAMBAR MODEL PERTAMA : 

<div id='melayang'> <a href='http://NAMA BLOG ANDA'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRZJKz4Uv2vMS5hhZvs29_FiMztmGHiF8uDVvMTnTBKCEvsbD5t8MW_xRN_KKCpzcC8E3vQFi06vWAnFoU9CIENIvc8npQr37txnYh_FYIVXvqIyGWnPzeDrMTbjSeM8u1Hl742vbXqJgQ/s280/syamsudin_twitter_tw4.gif'/></a></div>

UNTUK GAMBAR MODEL KEDUA : 

<div id='melayang'> <a href='http://NAMA BLOG ANDA'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS19zRzfG7rsn0EsfT9S3qbmmzfvL471-n7BSMHuuXlNF0UmfL7cg7SymmS3pClSLejSa-GifWJr1jtPi-lcByhVCB85fbI2nMQCy4Ny-meReSHWoqB67ZtcBofpJaCd-M0i3LIpVRJ2Vy/s272/syamsudin_twitter_tw5.gif'/></a></div>

CATATAN :

*  Masukan URL Blog Anda pada tempat yang
    tersedia pada kode di atas.

3. Previewlah terlebih dahulu, setelah ini
    berhasil baru simpanlah template Anda.

Selamat mencoba dan semoga Anda suka