Masukkan Gambar Dalam Scrollbar

Godek ini request dari syamimi yang mahu meletakkan gambar-gambar di dalam scrollbar. Korang boleh refer sini kalau tak puas hati. heheheh...

Jom godek...

Semasa menulis entri pastikan korang menggunakan mode Edit HTML.
Masukkan kod di bawah di dalam entri korang :-

<div style="border: 1px solid #aaa;background-colo r:#f9efef; width:350px; height:250px; overflow:auto; color:#FFF;"><p>
LETAK KOD ATAU TEKS DI SINI

</p>
</div>


Jika korang nak masukkan gambar, tukarkan kod image yang korang upload dengan tulisan merah.

Contoh :-

<div style="border: 1px solid #aaa;background-colo r:#f9efef; width:350px; height:250px; overflow:auto; "><p>
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1MO3PH05C-u3l_o4aFJD75_n09tjMeiDQ5lNwCeGBdx7ORfOgo9r7ryZql8Rm5UxoUYTlZQ0V5oyJUD_VB0mOpTrILCkx57VfNa-wyQdjtaLnfS_-lKXmRsB5_dgZgd4vv9vaPSQD52nr/s1600-h/kawin buntat.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 200px; height: 134px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1MO3PH05C-u3l_o4aFJD75_n09tjMeiDQ5lNwCeGBdx7ORfOgo9r7ryZql8Rm5UxoUYTlZQ0V5oyJUD_VB0mOpTrILCkx57VfNa-wyQdjtaLnfS_-lKXmRsB5_dgZgd4vv9vaPSQD52nr/s200/kawin buntat.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5350599480470198386" /></a>

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1MO3PH05C-u3l_o4aFJD75_n09tjMeiDQ5lNwCeGBdx7ORfOgo9r7ryZql8Rm5UxoUYTlZQ0V5oyJUD_VB0mOpTrILCkx57VfNa-wyQdjtaLnfS_-lKXmRsB5_dgZgd4vv9vaPSQD52nr/s1600-h/kawin buntat.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 200px; height: 134px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1MO3PH05C-u3l_o4aFJD75_n09tjMeiDQ5lNwCeGBdx7ORfOgo9r7ryZql8Rm5UxoUYTlZQ0V5oyJUD_VB0mOpTrILCkx57VfNa-wyQdjtaLnfS_-lKXmRsB5_dgZgd4vv9vaPSQD52nr/s200/kawin buntat.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5350599480470198386" /></a>

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1MO3PH05C-u3l_o4aFJD75_n09tjMeiDQ5lNwCeGBdx7ORfOgo9r7ryZql8Rm5UxoUYTlZQ0V5oyJUD_VB0mOpTrILCkx57VfNa-wyQdjtaLnfS_-lKXmRsB5_dgZgd4vv9vaPSQD52nr/s1600-h/kawin buntat.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 200px; height: 134px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1MO3PH05C-u3l_o4aFJD75_n09tjMeiDQ5lNwCeGBdx7ORfOgo9r7ryZql8Rm5UxoUYTlZQ0V5oyJUD_VB0mOpTrILCkx57VfNa-wyQdjtaLnfS_-lKXmRsB5_dgZgd4vv9vaPSQD52nr/s200/kawin buntat.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5350599480470198386" /></a>

</p>
</div>

Ini adalah contoh dari blog cobaan aku.heheheh

p/s: Dalam kod di atas, korang boleh tukarkan width dan height mengikut kesesuaian blog korang.

Setel...

Image Hosted by ImageShack.us

2 comments:

Post a Comment