Alhamdulillah berkat rahmat dan nikmat Allah sekarang kita bisa sharing ilmu lagi. kemaren kita telah belajar banyak tentang bagaimana cara pasang scroll bar di blog namun di postingan kali ini kita akan belajar bagaimana cara pasang gambar di pojok blog. Seperti punya saya ini, heeeeee lebay.com. langsung ja ya takut ampek ngantuk yang baca. WARNING >> tutorial ini hanya berlaku untuk pengguna blogger saja.
Cara pasang gambar di pojok blog sangat mudah kok, simak langkah-langkah nya dibawah ini :
1. Silahkan login dulu ke Blogger.
2. KLik tata letak/rancangan/desain.
3. klik > Edit HTML.
4. Centang "Expand Template Widget". Download dulu templatenya takut terjadi eror saat mengedit, tapi kalau anda yakin langsung aja.
5. Kemudian cari kode ]]></b:skin> Untuk mempermudah pencarian gunakanlah fungsi FIND dengan menekan CTRL+F.
6. Kalau sudah ketemu, copy dan paste kode di bawah ini tepat di atasnya.
#pojok_jpg {
position:fixed;_position:absolute;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); }
#pojok_jpg {
position:fixed;_position:absolute;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); }
7. Kemudian cari lagi kode </body> Copy dan paste kode ini tepat diatasnya.
<div id="pojok_jpg">
<a href="http://catatankampus08.blogspot.com">
<img src="http://i1092.photobucket.com/albums/i418/ipuong/ren763-3.png" border="0" /></a>
</div>
<div id="pojok_jpg">
<a href="http://catatankampus08.blogspot.com">
<img src="http://i1092.photobucket.com/albums/i418/ipuong/ren763-3.png" border="0" /></a>
</div>
8. Kemudian ganti tulisan ungu itu dengan alamat blog anda. http://catatankampus08.blogspot.com
9. dan kemudian ganti tulisan warna hijau dengan alamat gambar anda, http://i1092.photobucket.com/albums/i418/ipuong/ren763-3.png WARNING >> gunakan gambar yang bertipe .png br gambarnya transparan.
10. Kemudian Save/Simpan Template anda. Lihat hasilnya.
11. Semoga tutorial kali ini bermanfaat.amin see you next posting
0 komentar:
Post a Comment
komentar anda lebih berharga dari apapun, dengan komentar anda berarti anda ikut memajukan blog kami.