Jumat, 22 Januari 2010

Membuat Gambar Berbingkai 2

Yosha!!!!!!!!!!!!
Kemarin kita udah belajar cara membuat gambar berbingkai, sekarang kita akan go lebih lanjut lagi, lebih memperdalam lagi. wkwkwkwk..........
Gambar berbingkai yang kemarin itu masih bisa dipermak lagi lho....Ayo menuju ke TKP!!

Agar bingkai tampil lebih menarik, ada kode html yang bisa di pakai, contoh kodenya seperti ini :

<table border="20" cellpadding="6" />

<tr>

<td>

kode gambar yang ingin di tampilkan di sini !

</td>

</tr>

</table>

Note :

boder="15" -- nilai "15" adalah tebalnya bingkai sebesar 15 pixel, ini bisa sobat ganti dengan nilai yang di inginkan.

cellpedding="6" -- nilai "6" adalah nilai jarak antara gambar dengan bingkai sebesar 6 pixel, ini bisa sobat ganti dengan nilai yang di inginkan.

Nah, kemarin kita kan punya gambar dengan kode HTML berikut :

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSmksPepKL9wsIpOe2NdU8sToSPBrGF_IZA-hag-wJdXr8Mu71NNx4QyHEL5YTMGn9iwqF26FsEbUGhwS37vwCEqSdhwyRDtH3QgPJY18iO8mtw4Z-9QLR69yqraqYofk1tXAIVU_v2MUp/s1600-h/skies_002.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 256px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSmksPepKL9wsIpOe2NdU8sToSPBrGF_IZA-hag-wJdXr8Mu71NNx4QyHEL5YTMGn9iwqF26FsEbUGhwS37vwCEqSdhwyRDtH3QgPJY18iO8mtw4Z-9QLR69yqraqYofk1tXAIVU_v2MUp/s320/skies_002.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5429599673858778546" /></a>

Agar efek bingkainya lebih bagus maka kedua kode tersebut digabung sehingga keseluruhan kode adalah sbb :

<table border="20" cellpadding="6" />

<tr>

<td>

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSmksPepKL9wsIpOe2NdU8sToSPBrGF_IZA-hag-wJdXr8Mu71NNx4QyHEL5YTMGn9iwqF26FsEbUGhwS37vwCEqSdhwyRDtH3QgPJY18iO8mtw4Z-9QLR69yqraqYofk1tXAIVU_v2MUp/s1600-h/skies_002.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 256px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSmksPepKL9wsIpOe2NdU8sToSPBrGF_IZA-hag-wJdXr8Mu71NNx4QyHEL5YTMGn9iwqF26FsEbUGhwS37vwCEqSdhwyRDtH3QgPJY18iO8mtw4Z-9QLR69yqraqYofk1tXAIVU_v2MUp/s320/skies_002.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5429599673858778546" /></a>

</td>

</tr>

</table>

Sehinnga hasil akhirnya menjadi seperti ini :











;;;



Gimana?? Lumayan bagus juga kan??
Selamat Mencoba.............^^

Tidak ada komentar:

Posting Komentar