Jumat, 06 Januari 2012

Cara Membuat Gambar Melayang di Blog

By Gitogrin

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:
 
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 : ]]>
Kalau sulit bisa dengan cara cepat saat pencarian yaitu dengan tekan CTRL F/F3.
5. Copy kode dibawah ini taruh diatas kode ]]>.

#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://gitlesclass.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 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 lupa comment Zaw...

Tidak ada komentar:

Posting Komentar

Jangan lupa komentar zaw