berbagi ilmu seputar Dunia kita

cara membuat gambar di pojok blog

Share on :

 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.

NBUntuk 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>

 
<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>


 
<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>

 
<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>

0 komentar on cara membuat gambar di pojok blog :

Post a Comment and Don't Spam!

 

Ganti Background

Change Background of This Blog!


dapatkan gadget ini

_