Cara Membuat Gambar Melayang Di Kiri Blog

 

Postingan yang kali ini sobat blogger baca adalah tentang cara memasang gambar di sebelah kiri halaman blog. Postingan ini  Tips Gratis  publikasikan karena kebetulan salah seorang dari rekan sesama blogger sempat bertanya melalui kolom komentar.



“gimana, cara menampilkan foto seperti gambar sampean n langsung terhubung ke facebook”
Sebenarnya, ada beberapa alasan sehingga blog ini memasang gambar tersebut di sebelah kiri :

• Pertama, karena saya ingin blog ini terlihat beda dengan blog-blog yang lain (Bukan mau pamer muka).
• Kedua, supaya pengunjung blog bisa berinteraksi secara langsung dengan saya melalui situs jejaring sosial Facebook.

Untuk membuat gambar tampil di sebelah kiri halaman blog, sudah pasti sobat blogger harus memiliki foto atau gambar yang akan ditampilkan.
Kalau sobat blogger sudah memiliki gambar, sobat Upload gambar tersebut ke PhotoBucket misalnya atau ke website-website penyimpanan gambar yang lain.
Kalau kedua hal itu sudah siap, ikuti langkan di bawah ini.

Cara menampilkan gambar di sebelah kiri halaman blog :

• Sobat Login dulu di blog sobat
• Pilih tata letak lalu klik Edit HTML
• Kasih tanda centang pada Expand Widget Template
• Cari Code :

]]></b:skin>

• Letakkan Code Berikut Sebelum Code Tadi

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

• Cari Code:

</body>

• Letakkan Code Berikut Sebelum Code Tadi

<div id="trik_pojok"><br /><a href="http://www.facebook.com/#!/RullyArdiansyah"><br /><img src="URL GAMBAR" border="0" /></a><br /></div>

• Simpan Template

Keterangan :

• http://www.facebook.com/#!/RullyArdiansyah bisa di ganti dengan URL Facebook, URL Twitter, atau URL Blog sobat
• Ganti URL GAMBAR dengan URL gambar sobat