Jumat, 10 Februari 2012

Cara Memasang Gambar yang Selalu Berada di Pojok Blog

Ada yang bertanya bagaimana cara memasang gambar pada blog yang selalu berada di pojok kiri bawah, pojok kanan bawah, pojok kiri atas, pojok kanan atas dan sebagainya.

Bila anda menginginkan memasang suatu gambar yang selalu berada di pojok ikuti langkah-langkah berikut ini :

Langkah 1
1. Siapkan gambar yang akan dipasang, kalau anda belum punya anda bias     membuatnya dengan Aplikasi Grafis misalnya : Macromedia Free Hand,     Corel Draw, Photoshop dan aplikasi grafis lainnya
2. Bila gambar anda suda siap upload gambar anda pada penyedia Image     Hosting. Ada Imade Hosting yang gratis misalnya Photobucket.com
3. Bila sudah, kopi URL Image addressnya dan simpan di notepad

Langkah 2.
1. Masuk ke Blogger dengan ID anda
2. Bila sudah masuk Dashboard klik tab Tata Letak
3. Klik tab Edit HTML
4. Cari kode seperti di bawah ini


]]></b:skin>

5. Letakkan kode berikut ini di atas kode tadi

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


Perhatikan kode yang berwarna merah dan biru. Kode ini untuk gambar yang akan dipasang pada pojok kiri bawah, bila anda menginginkan pada pojok kanan bawah maka kata left dapat anda ganti dengan right. Demikian juga bila anda menginginkan gambar diletakkan di atas maka kata bottom harus anda ganti dengan top

6. Kemudian cari kode seperti di bawah ini

</body>

7. Letakkan kode berikut ini di atas kode tadi

<div id='bawah'>
<a href='http://unik27.blogspot.com/'>
<img border='0' src='http://i1270.photobucket.com/albums/jj607/harist27/ffa.jpg'/></a>
</div>

8. Ganti kode yang berwarna merah dengan URL atau alamat blog anda.     Ganti kode yang berwarna biru dengan URL gambar yang akan anda     pasang yang mana kode URLnya telah anda simpan di notepad.
9. Kemudian klik SIMPAN TEMPLATE dan selesai

Lihat hasilnya !!!!!!

Selamat mencoba !!!!! Semoga bermanfaat

sumber : al-ridwan.blogspot.com

0 komentar:

Posting Komentar