Memasang dan Membuat Gambar atau Animasi Berada di Pojok Blog

Postingan kali ini saya akan membuat Cara membuat gambar atau animasi berada di pojok Blog.

Langsung Saja

1. Pertama, Log in ke akun blog sobat.
2. Klik Rancangan --> edit  HTML
3. Kopas kode berikut di atas kode ]]></b:skin> ( Gunakan CTRL + F untuk memudahkan pencarian)

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

4. Kode di atas akan membuat gambar berada di pojok kiri bawah (Bottomleft). Letakkan sesuai keinginan sobat.
Bottom = Bawah
Top      = Atas
Left      = Kiri
Right    = Kanan

5. Letakkan kode berikut sebelum kode </body>

<div id="trik_pojok">
<a href="http://christiantatelu.blogspot.com/2011/11/membuat-gambar-atau-animasi-berada-di.html">
<img src="http://i1311.photobucket.com/albums/s667/Andri-julians/afa_zps5148d6ca.png" border="0" /></a>
</div>

6. Ganti tulisan berwarna merah dengan Url gambar sobat. Bisa juga sobat ganti dengan jam, kalender dan lain - lain.

atau bisa juga gunakan animasi ini  

http://i.mnpls.com/59/5990.gif

http://i.mnpls.com/1/162.gif

http://i.mnpls.com/167/16778.gif
7. Simpan template sobat dan lihat hasilnya.

Ini Contoh yang saya buat sendiri

Cukup Simple tapi Keren Kan ?