Cara Menambahkan Gambar di Sudut Blog

Hi sobat, tips dan trik kali ini akan berbagi mengenai cara menambahkan gambar di sudut blog. Gambar di sudut blog memiliki beberapa fungsi. Gambar di sudut blog dapat mempecantik tampilan blog, juga dapat mengarahkan pengunjung ke beberapa postingan atau blog lain.
Langsung saja ini dia caranya....


1. Log in ke blogger

2. Pilih Template > Edit HTML

3. Cari kode ]]></b:skin>. Untuk Percepat pencarian, tekan CTRL+F dari keyboard.

4. Tambahkan kode ini tepat di atas kode ]]></b:skin> . 

#anima_sudut { position:fixed;_position:relative;bottom:30px; right:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

untuk merubah posisi gambar, Ganti kode bewarna biru dengan kode-kode di bawah :
position:relative;bottom:30px; left:0px; --> untuk sudut kiri bawah
position:relative;top:30px; right:0px;  --> untuk sudut kanan atas
position:relative;top:30px; right:0px;  --> untuk sudut kiri atas

5. Jika sudah, cari kode </body> dan masukkan kode dibawah tepat di atasnya :

<!--Page Navigation Starts--> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <script type='text/javascript'> var pageCount=5; var displayPageNum=5; var upPageWord =&#39;Previous&#39;; var downPageWord =&#39;Next&#39;; </script> <script src='http://krisan-tips-trik.googlecode.com/files/Gambar_Sudut.js' type='text/javascript'/> </b:if> </b:if> <!--Page Navigation Ends --> <div id='anima_sudut'> <a href='http://krisantipsdantrik.blogspot.com'> <img alt='' border='0' src='http://noveloke.co.cc/cooment.gif'/></a> </div>

Ganti kode bewarna biru dengan url yang sobat mau, entah itu blog, twitter, atau fb sobat. Ganti yang warna hijau dengan url gambar yang ingin di pasang di sudut blog.

6. Klik Simpan Template . Lihat Perubahannya.