Jumat, 08 November 2013

Browse Manual » Wiring » » » » » » » » » Membuat Gambar atau Animasi Berada di Pojok Blog

Membuat Gambar atau Animasi Berada di Pojok Blog

Sebelumnya saya sudah pernah memposting cara membuat gambar berada di pojok tanpa edit HTML, namun kali ini sobat di haruskan mengedit HTML blog sobat. Caranya cukup mudah.. Hanya beberapa langkah kecil saja dan dapat dipastikan pasti berhasil.
Sebenarnya Trik ini sudah banyak di posting oleh sobat - sobat blogger lainnya, tapi guna melengkapi postingan saya sebelumnya yang memiliki kekurangan, maka di tulislah artikel ini.
Oke sob, tanpa berlama - lama lagi mari kita langsung ke tutorialnya.

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://blogspot.com/2011/11/membuat-gambar-atau-animasi-berada-di.html">
<img src="http://i1108.photobucket.com/albums/h405/christian410/Indonesia-icon.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.


GOOD LUCK

Tidak ada komentar:

Posting Komentar