Terlepas entri yang lain? Jom baca entri ini..

Thursday, June 28, 2012

Tutorial: Gambar terapung tepi blog berserta link..

...Assalamualaikum...

hye..eiqa ada masa sikit..so rajinlah nak buat tutorial..hehe..
nak tahu tak gambar terapung tu apa??
gambar terapung ni bukan letak kat dalam sidebar ye.. 

nampak tak dalam bulatan tu..macam tulah gambar terapung..

jom belajar..

1. Dashboard > Design > Page Element > HTML/javaScript

2. Copy kod dibawah
<style type="text/css"></style>
 <div style="display:scroll; position:fixed; top:140px; right:1px;">

 <a class="linkopacity" href="http://ctrie.blogspot.com/2012/06/giveaway-by-eiqa-ain.html" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="Giveaway"><img style="width: 120px; height: 157px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwCZIbG6-mCWPsJkrx70k4AWxLPVQjlVqbm-BThIucRrk0ArBcvz9G_moWz4XceE7I95Dkj-sOvCvAdk31mVC0VzU97W5TcuQECIS99ZhN2Sr6pGjrRSuNbX1xdyHWu_x8RydN6gl3CP0y/s1600/GIVEAWAY.gif" border="0" /></a>

 </div>

3. merah : boleh ubah kedudukan gambar tersebut. preview tekan 'Rich text'
jingga: tukar right / left
biru: URL blog untuk link
hijau: URL gambar

4. Tekan save.. siap!

note: dah cuba? kalau ada masalah, sila bagitahu eiqa ye..

1 comment:

Unknown said...

will try then. thanks! :D

Related Posts Plugin for WordPress, Blogger...



Copyright © 2012 and Designed by Eiqa Azra