Tips Blogger | Memasang Gambar di Sudut Blog

H

ai sobat semua, terutama yang senang merias Blog, ini aku share satu artikel yang mungkin dapat membantu sobat sekalian untuk mempercantik tampilan Blog yang sobat punya. Artikel ini mungkin sudah banyak yang tahu, namun bagi sobat yang belum tahu mari kita berbagi disini. Disini akan kita bahas gimana cara memasang gambar kesayangan sobat di sudut Blog dan memberikan link yang sesuai dengan keinginan sobat. Yup kurang lebih seperti yang sobat lihat di Blog saya ini.





Ayo kita mulai !

1). Pertama-tama login dulu ke Blogger dengan akun yang sobat punya

2). Pilih Rancangan lalu klik pada Edit HTML

3). Kemudian berikan tanda centang pada kotak Expand Template Widget

3). Tapi ingat sebelum sobat melakukan modifikasi di template Blog, lakukan dulu BackUp terhadap keseluruhan template Blog sobat dengan cara 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.

4). Langkah selanjutnya Tambahkan kode dibawah ini tepat di atas 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); }

Ganti kode yang berwarna merah dengan posisi gambar yang kamu inginkan (ex : top=atas, bottom=bawah, right=kanan, left=kiri). Dan rubah kode yang berwarna hijau sesuai dengan tampilan di blog kamu.

5). Setelah yang di atas beres sekarang tambahkan kode di bawah ini tepat di atas kode </body>.

<div id='anima_sudut'>
<a href='http://softwarebali.blogspot.com/'>
<img alt='' border='0' src='http://i1016.photobucket.com/albums/af281/wayanarmana/flying_bird.gif'/></a>
</div>

Ganti kode yang berwarna merah dengan alamat link yang kamu inginkan dan ganti kode yang berwarna hijaudengan alamat link penyimpanan gambar kamu.

6). Dan yang terakhir simpan perubahan yang telah kamu lakukan. Selamat menikmati hasilnya!

Artikel Terkait:

Languages :