Cara Mudah Pasang Gambar Dan Animasi Melayang Di Sudut Blog

Cara Mudah Pasang Gambar Dan Animasi Melayang Di Sudut Blog 

Kali ini saya akan bagikan cara pasang animasi atau gambar nya dengan menggunakan kode CSS yang akan di pasang di dalam HTML Template blog cara yang ini menguntungkan buat blog karena tidak memberatkan loading pada blog ,Kalau sobat tertarik langsung aja ya sob pada cara pasang nya di blog dengan langkah sebagai berikut :

1. Login dulu ke Blogger
2. Pilih Template
3. Klik Edit Html Template
4. Simpan dulu kode untuk berjaga-jaga seandai nya ada kesalahan pengeditan
5. Centang Expand Template Widget
6. Cari kode ]]></b:skin> ( Gunakan Ctrl+F untuk memudahkan pencarian kode )
7. Letakan kode CSS di bawah ini diatas kode ]]></b:skin> atau sebelum kode ]]></b:skin>

 #Animasi-melayang {
    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); }

8.Langkah selanjut nya Cari kode </body>
9. Pasang kode Script di bawah ini tepat diatas kode </body>

<div id='Animasi-melayang'>
    <a href='http://aryooteg.blogspot.com'>
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKnL0MuVDWnB1rhUgi3-iuo1OGF6NjvPEqHoVEy342dTcxBK7gYPs7vCj3menaijMhC3B6peOTGOHZDzyQNz_jeQ2dkOq6f32fYt8TAmq-gKvRhkQ3pJGLHb16bmzYyMhGLhyphenhyphen-ffQR7htt/s1600/cewek+goyang.gif'/></a>
    </div>

 Keterangan : kode warna merah silahkan ganti dengan kode URL Gambar atau animasi pilihan sobat

10. Klik simpan untuk melihat hasil nya di blog

Itu lah Cara Mudah Pasang Gambar Dan Animasi Melayang Di Sudut Blog  dengan menggunakan kode CSS , semoga artikel ini bermanfaat