
1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin>. Bila sudah letakan kode dibawah ini sebelum kode ]]></b:skin>
#trik_pojok {
position:fixed;_position:absolute;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); }
3. Text yang berwarna merah adalah letak posisinya,jika ingin mengganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
Left = Kiri
Right = Kanan
Top = Atas
Bottom = Bawah 4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>
<div id="trik_pojok">
<a href="http://crz-share.blogspot.com/">
<img src="http://i1084.photobucket.com/albums/j408/chocrz/WidgetBloggerIndonesia.png" border="0" /></a>
</div>
5. Simpan hasil kerja kamu dan lihat hasilnya.<a href="http://crz-share.blogspot.com/">
<img src="http://i1084.photobucket.com/albums/j408/chocrz/WidgetBloggerIndonesia.png" border="0" /></a>
</div>
NB: Untuk point nomor 4, saya telah sediakan gambar beserta codenya jadi sobat hanya tinggal menempelnya di blog sobat.
<div id="trik_pojok">
<a href="http://crz-share.blogspot.com/">
<img src="http://i1084.photobucket.com/albums/j408/chocrz/WidgetBloggerIndonesia.png" border="0" /></a>
</div>
<a href="http://crz-share.blogspot.com/">
<img src="http://i1084.photobucket.com/albums/j408/chocrz/WidgetBloggerIndonesia.png" border="0" /></a>
</div>
<div id="trik_pojok">
<a href="http://crz-share.blogspot.com/">
<img src="http://i1084.photobucket.com/albums/j408/chocrz/iluvindonesia_2.png" border="0" /></a>
</div>
<a href="http://crz-share.blogspot.com/">
<img src="http://i1084.photobucket.com/albums/j408/chocrz/iluvindonesia_2.png" border="0" /></a>
</div>
<div id="trik_pojok">
<a href="http://crz-share.blogspot.com/">
<img src="http://i1084.photobucket.com/albums/j408/chocrz/BloggerIndonesiaKirisss.png" border="0" /></a>
</div>
<a href="http://crz-share.blogspot.com/">
<img src="http://i1084.photobucket.com/albums/j408/chocrz/BloggerIndonesiaKirisss.png" border="0" /></a>
</div>
<div id="trik_pojok">
<a href="http://crz-share.blogspot.com/">
<img src="http://i1084.photobucket.com/albums/j408/chocrz/WidgetKananBloggerIndonesiasss.png" border="0" /></a>
</div>
<a href="http://crz-share.blogspot.com/">
<img src="http://i1084.photobucket.com/albums/j408/chocrz/WidgetKananBloggerIndonesiasss.png" border="0" /></a>
</div>
0 komentar on cara membuat gambar di pojok blog :
Post a Comment and Don't Spam!