CARA MEMBUAT GAMBAR MELAYANG DI POJOK
Hai Sobat Bagi Trik,kali ini saya akan memberikan tutorial tentang membuat gambar melayang pada blogger nih. Gambar yang melayang di pojok atau floating images ini posisinya akan tetap pada semula meskipun scroll diarahkan kemanapun. Cara membuat gambar melayang di pojok ini hanya cukup menyisipkan kode pada kode template dengan menyertakan gambar yang ingin ditampilkan pada pojok halaman blog.
Untuk membuatnya bisa nih sobat ikuti caranya di bawah ini:
- Login ke blog Anda.
- pilih template.
- Pilih Edit HTML.
- Cari kode: ]]></b:skin>.
gambarpojok {
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);} ]]></b:skin>
·
|
- Letakkan kode di bawah ini di atas kode ]]></b:skin> sehingga hasilnya seperti ini:
# - bottom bisa Sobat ganti dengan top.
Sedang left bisa Sobst ganti dengan right.
Langkah selanjutnya:
- Cari kode </body>
- Letakkan kode di bawah ini di atas kode </body> hingga hasilnya sebagai berikut:
<div id="gambarpojok">
<a href="http://nimbuzzin.com">
<img border="0" src="http://alamat.gambar.milik.anda.jpg"/>
</a>
</div>
</body> - Warna merah ganti dengan alamat url blog Sobat.
Warna hijau ganti dengan alamat gambar milik Sobat. - Sealanjutnya pratinjau template untuk melihat hasilnya agar tidak terjadi kesalahan.
- Setelah berhasil baru simpan template.
sekian ya Artikel tentang cara membuat gambar melayang dipojok dalam blog Sobat semoga bermanfaat.
