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:

Tips

• Ponsel HTC One 802 D saya yang sudah mati suri selama 5 hari akhirnya bisa hidup kembali Dengan Shuame
• Konversi File Ppt ke Video Dengan Xilisoft PowerPoint to Video Converter
• Tips Blogger | Memasang Spoiler Di Blog
• Tips Blogger | Membuat Blockquote Sederhana Di Blog
• Tips Blogger | Memasang Widget Menu Tab View Tiga Kolom Di Sidebar
• Tips Blogger | Cara Membuat Widget Artikel Terkait (Related Posts)Dengan Fungsi Scroll
• Tips Blogger | Pasang Widget Encoder HTML di Blog
• Tips Blogger | Pasang Huruf Besar Di Awal Postingan
• Tips Blogger | Widget Recent Comments Dengan Summary Post Untuk Blogspot
• Tips Blogger | Memasang Widget Recent Posts Dengan Fungsi Sliding Di Blog

Languages :