T
utorial ini berfungsi untuk menghias dan mempercantik tampilan Blog Anda. Selain gambar, Anda juga menggunakan tutorial ini untuk menampilkan icon Yahoo messenger, teks atau menampilkan widget lain di pojok Blog Anda.
Anda tertarik? Silakan ikuti tutorial di bawah ini :
1. Login ke Blogger >> Template >> Edit HTML
2. Selanjutnya Tambahkan kode dibawah ini sebelum kode ]]></b:skin>.
#anima_sudut {
position:fixed;_position:relative;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); }
Note :
Ganti kode yang berwarna biru dengan posisi gambar yang Anda inginkan (ex : top=atas, bottom=bawah, right=kanan, left=kiri).
3. Tambahkan kode di bawah ini tepat Sebelum kode </body>.
<div id='anima_sudut'>
<a href='http://berbagitipsblogger.blogspot.com/'>
<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSUIhGXBbP7VYo7NNugof50U_yApaqLL8v4kOgeHAiSDG-XtvT24V068Yemoi0BDls-obYiu5hyS_rb2Y-zYLDP5-j7MK8BlTQFowm5Afw3ID9NThbzo21yPB0aTGryxE-FiBTBrZHeYYX/s320/Memasang+Gambar+di+Sudut+Blog.jpg'/></a>
</div>
Note:
Ganti kode yang berwarna biru dengan alamat link yang Anda inginkan dan yang berwarna hijau dengan alamat link gambar Anda.
4. Simpan Template an selesai.
No comments:
Post a Comment