Cara Mudah Memasang Gambar Melayang Di Blog

Mungkin sobat pernah melihat salah satu blog yang memasang widget ini. Walaupun scroll bar di arahkan ke bawah, gambar ini akan tetap berada di posisinya. Gambar yang sobat lihat tersebut disebut float image atau gambar melayang, cara memasangnya pun sangat mudah dan tentunya hal ini akan membuat blog sobat semakin keren. Jika sobat tertarik untuk memasangnya, CS akan berikan trik cara memasang gambar melayang di blog, berikut langkah-langkahnya.

1. Pertama login ke Blogger

2. Pilih Template

3. Pilih Edit HTML

4. Cari kode ]]></b:skin>

5. Pasang kode dibawah ini diatas kode ]]></b:skin>

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

Perhatikan tulisan yang dicetak tebal. bottom bisa sobat ganti dengan top, sedangkan left bisa sobat ganti dengan right.

6. Kemudian cari kode </body>

7. Lalu pasang kode dibawah ini diatas kode </body>

<div id="gambar">
<a href="http://copasange.blogspot.com">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgroJGx5R3AaF_YT1u1YH1WqxtFhs05PPukh8sDRyvbR1Z9E-ZzhJ3XjwWlHdaAy2AAqWWW46tHXBqUWHhqacjdaAuGRXngJfGza04I0vxbEikijP20hDvXf8VBmOjQTWmrzdCPiLEbgbw/s1600/Hantu-putih.gif"/></a>
</div>

Tulisan warna biru ganti dengan alamat blog sobat, sedangkan tulisan warna kuning bisa diganti dengan URL gambar sobat.

8. Simpan Template, lalu lihat hasilnya.

Demikian trik cara mudah memasang gambar melayang di blog, semoga dapat membantu dan bermanfaat. Terimakasih atas kunjungannya.

► Copas Sange ◄

Sobat sedang membaca artikel tentang Cara Mudah Memasang Gambar Melayang Di Blog. Jika sobat ada pertanyaan atau pesan mengenai artikel diatas, salurkan pada kolom berkomentar !! Dan untuk mendapatkan tambahan pahala, silahkan LIKE and SHARE ♂

<a href="https://copasange.blogspot.com/2016/04/cara-mudah-memasang-gambar-melayang-di.html" target="_blank">Cara Mudah Memasang Gambar Melayang Di Blog</a>

:: Salam Blogger ! ::