Mungkin banyak yang bertanya bagaimana cara membuat gambar di pojok blog.? Barangkali sobat ingin menampilkan logo blogger Indonesia sebagai ciri bahwa sobat merupakan blogger Indonesia. Langsung saja copy paste script berikut ini untuk menempatkan logo blogger Indonesia di blog sobat. Langsung aja ke caranya sebagai berikut:
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!