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)
Bottom = Bawah
Top = Atas
Left = Kiri
Right = Kanan
5. Letakkan kode berikut sebelum kode </body>
atau bisa juga gunakan animasi ini
7. Simpan template sobat dan lihat hasilnya.
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 {4. Kode di atas akan membuat gambar berada di pojok kiri bawah (Bottomleft). Letakkan sesuai keinginan sobat.
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); }
Bottom = Bawah
Top = Atas
Left = Kiri
Right = Kanan
5. Letakkan kode berikut sebelum kode </body>
<div id="trik_pojok">6. Ganti tulisan berwarna merah dengan Url gambar sobat. Bisa juga sobat ganti dengan jam, kalender dan lain - lain.
<a href="http://christiantatelu.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>
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.gif7. Simpan template sobat dan lihat hasilnya.
GOOD LUCK
0 komentar:
Posting Komentar
Boleh komentar apa saja.