Membuat Gambar di Sudut Blog
Senin, Januari 24, 2011 | 
Diposting oleh
AgusstiannBlog |
Sekarang saya akan memposting tentang membuat image di sudut blog kita. Salah satu trik blogger agar blog kelihatan tambah menarik adalah memasang image di sudut blog. Pemasangan image bisa di atas kiri, atas kanan, bawah kiri, dan bawah kanan. Selain itu trik ini juga dapat dimanfaatkan untuk fungsi yang lain, sesuai dengan apa yang kamu inginkan.
- Login ke account blogger kamu.
- Pilih Tata Letak --> Edit HTML.
Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.
- Tambahkan kode berikut di atas kode ]]></b:skin>.
#anima_sudut {
position:fixed;_position:relative;top:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
- Ganti kode yang berwarna merah dengan posisi image yang kamu inginkan (ex : top=atas, bottom=bawah, right=kanan, left=kiri). Dan atur kode yang berwarna hijau sesuai dengan tampilan di blog kamu.
- Kemudian tambahkan kode ini di atas kode </body>.
<div id='anima_sudut'>
<a href='http://agusstiann.blogspot.com/'>
<img alt='' border='0' src='http:bla bla bla bla bla.gif'/></a>
</div>
- Ganti kode yang berwarna merah dengan alamat blog dan alamat penyimpanan image kamu.
- Jangan lupa disimpan
nah sekarang bisa liat deh tuh hasilnya
Label:
Tips dan trik
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar
Silahkan anda berkomentar, namun tetap jaga kesopanan dengan tidak melakukan komentar spam.