Select Language

Search

Membuat Gambar Melayang/Float Image

Selain untuk menampilkan gambar, bisa juga untuk menampilkan objek lain, misal, banner ataupun iklan.
Langkah-langkahnya sebagai berikut:
1. Masuk ke dashboard/dasbor blog anda, pilih "Template" --> "edit HTML" lalu centang "Expand Widget Templates"
2. Cari kode: ]]></b:skin> (untuk pencarian cepat tekan ctrl+f)
3. lalu letakkan kode yang ada di bawah ini, di atasnya kode ini ]]></b:skin>


#float_corner {position:fixed;_position:absolute;bottom:0px;left:0px;clip:
inherit;_top:expression(document.documentElement.scrollTop+document.documentEleme



Catatan:
"bottom", "left" adalah posisi gambar. Anda bisa mengubahnya dengan "top", "bottom", "left", "right". Sesuaikan dengan keinginan Anda.
4. Cari kode </body>
5. Letakkan kode yang ada di bawah ini, di atasnya kode ini </body> 
<div id="float_corner">
<a href="http://baguscahyadi.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik1XfbesDLULyXWE7Hvz-oCFPWtF0QSiRb7gU8ov90rdz4fx6i57XKoRsPjbdjq13ztCdBwcmYxf9xH0ZAjX-Bj0g6epdIIHPgsMM7z6UqqVfAflyaUbYOhQTNCHk1ludrkRHAuXL7H5NT/s1600/cara-meningkatkan-jumlah-pengunjung-blog.jpg"  width="180" height="80" border="0" /></a>
</div> 
Catatan: Ganti tulisan yang biru dengan link blog dan link gambar Anda. 

Thank you by copas ^__^

0 Comments :

Post a Comment

Berikan komentar anda untuk penulis blog ini agar penulis bisa mengembangkan blog ini menjadi lebih baik lagi.