Cara Membuat Gambar Berada Dipojok Blog

Gambar ini bisa anda letakkan di salah satu pojok di halaman blog anda. Anda bisa meletakkannya di kiri atas, kiri bawah, kanan atas ataupun kanan bawah,,,Lihat contoh gambar diblog saya ini :

Oke ,, tanpa panjang lebar - Simak langkahnya berikut ini :

1. Login ke akun blogger anda
2. Klik Template » Edit HTML » Klik dibagian kodenya, tekan CTRL + F »  cari tulisan ]]></b:skin>

3. Setelah tambahkan kode CSS berikut ini diatas ]]></b:skin>

#trik_pojok { 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); }

Keterangan :

Text yang berwarna Hijau adalah menunjukkan posisi penempatan dari gambar tersebut Silahkan anda ganti sesuai keinginan anda, (kiri=left, kanan=right, atas=top, bawah=bottom)

4. Setelah selesai cara diatas,,kemudian letakan Kode dibawah ini tepat di atas kode </body>

 

<div id="trik_pojok">
<a href="http://nyanlon.blogspot.com/">
<img src="Url/ Link gambar yang sobat inginkan" border="0" /></a>
</div>

 Keterangan : 

Silahkan ganti http://nyanlon.blogspot.com/ dengan alamat blog sobat dan
Ganti juga Url/ Link gambar yang sobat inginkan dengan alamat URL gambar pilihan anda.

5. Jika sudah, klik Simpan Template, dan lihat hasilnya...

Selamat Mencoba, Semoga Bermanfaat,
jgan lupa Komentarnya dibwah ya !!

BAGIKAN ARTIKEL : Facebook Twitter Google+ Linkedin