Cara Membuat Gambar Melayang di Blog

Saya akan menjelaskan sedikit tips dan teknik supaya blog Anda bisa kelihatan cantik dan menarik. Ini juga cara mempercantik blog Karena blog yang menawan akan lebih banyak pengunjung yang suka nongkrong di blog anda. Gambarnya bisa disesuaikan dengan kesukaan Anda. Anda juga bisa memasangnya dengan banner Anda atau yang lainnya. Langsung aja ya biar ga kelamaan akan saya jelaskan langkah2nya agar tidak kelamaan ngoceh hihihihi...

1. Login ke blogger, Dasbor pergi ke>> Rancangan>>Edit HTML.

2. Centang Expand Template Widget.

3. Anda juga perlu untuk membackup template asli anda terlebih dahulu dengan Download Template Lengkap dan memilih simpan/save dan menyimpannya pada hard disk. Cadangan ini akan bermanfaat jika ada yang tidak beres dengan langkah2 yang anda kerjakan.

4. Cari kode : ]]></b:skin>

Kalau sulit bisa dengan cara cepat saat pencarian yaitu dengan tekan CTRL F/F3.

5. Letakkan kode dibawah ini diatas kode tersebut.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expressionundefineddocument.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expressionundefineddocument.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3. Text yang berwarna merah adalah posisinya, kalau pengen ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right" atau juga tengan dengan "center". Begitu juga tulisan "bottom", jika pengen di posisi atas bisa diganti dengan "top". Itu semua sesuai keinginan Anda dan selera Anda.

4. Langkah selanjutnya yaitu letekkan script dibawah ini sebelum kode </body>

<div id="trik_pojok">
<a href="http://mas-debby.blogspot.com/">
<img src="http://i1212.photobucket.com/albums/cc459/engcellpulsa/20070717193729_burung_469cb8091c4f5.gif" border="0" /></a>
</div>

Kode yang berwarna merah diganti dengan blog Anda dan yang berwarna biru diganti dengan photo atau gambar/banner yang Anda akan ditaruh di pojok blog Anda. Silangkah cari link gambarnya di photobucket.com.

6. Jangan lupa Simpan Template. Jika berhasil jangan comment ok??

Sumber: http://mas-debby.blogspot.com/