Cara Memasang Gambar di Sebelah Kiri Halaman Blog (Floating Image)

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
• Copy kode berikut :

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

• Paste kode tersebut sebelum kode ]]></b:skin>
• Selanjutnya, copy kode berikut :

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

• Paste kode tersebut sebelum kode </body>
• Simpan Template sobat

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