Senin, 02 April 2012

1 Cara Membuat Logo Blogger Indonesia di Pojok Blog

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.

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://palembang-cyber4rt.blogspot.com/">
<img src="http://i1084.photobucket.com/albums/j408/chocrz/WidgetBloggerIndonesia.png" border="0" /></a>
</div>
<div id="trik_pojok">
<a href="http://palembang-cyber4rt.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://palembang-cyber4rt.blogspot.com/">
<img src="http://i1084.photobucket.com/albums/j408/chocrz/BloggerIndonesiaKirisss.png" border="0" /></a>
</div>

<div id="trik_pojok">
<a href="http://http://palembang-cyber4rt.blogspot.com/">
<img src="http://i1084.photobucket.com/albums/j408/chocrz/WidgetKananBloggerIndonesiasss.png" border="0" /></a>
</div>

1 komentar:

Si Joko Guru mengatakan...

blognya rame gan, tu yang kolom komentar kayak facebook diatas buatnya gmana gan??

Posting Komentar