Effect Pada Image

BeBeN-Coy hadir lagih membawa trik & tips yang simple. Semoga ini bermanfaat bagi kawan's semuanyah. Trik ini berkaitan dengan image (gambar) yang akan muncul entar didalam postingannya. Contoh :


Trik ini sangat mudah dilakukan kok kawan's. Kita hanya tinggal nambahin code CSS doang kok. Itu juga gak banyak² amad.

Semoga dengan gambar diatas tersebut kawan's paham yang BeBeN maksudkan yaaa ^,^.


Dah ah, masak enggak paham juga c...Kebangetan banget deh...gyakakakakkkkk. Langkah-langkahnya :

1. Temukan code dibawah ini, biar cepat gunakanlah CTRL + F



.post img {


Kalo enggak ketemu yaaa cari jaa didalam tag BODY yang berbau-bau script img Xixixixiiii...:D Kalau sudah ketemu pasti scriptnya mirip² kek ginih deh :

.post img {
border: xpx solid #xxxxxx;
}
Hapus script yg berada didalamnyah, jadi seperti ini :



.post img {


}



2. Lalu disave.
3. Bubuhkan kode berikut kedalam kode yg dihapus tadi :
   border: 5px solid #b08C00
   
   
   Maka akan tampak seperti gambar yg diatas itu kawan's. Silahkan kawan's ganti ukuran dan jenis kode tersebut sesuai dengan kebutuhan kawan's yaaa.
   

   solid

   double

   groove

   dotted

   dashed

   inset

   outset

   ridge

   hidden

4. Terus disave lagi ajah kalo emang maunya begitu ^.^
5. Bagaimana kalo kita bubuhkan padding



.post img {
border: 5px solid #F90C00;
padding: 10px;
}



Mak nyusss...sruput duyu ahhh kopinyah...-_- enak toh, mang tab toh...i lop yu pull ♥♥♥.

6. Disave kalo emang mau gayanya seperti ituh
7. Bagaimana dengan membubuhkan sebuah background gambar kedalamnya kawan's

.post img {

border: 5px solid #XXXXXX;

padding: XXpx;

background: url (Http://URL Link Gbr/image.gif);

}




Mangtab toh...nah gambar bintang yg kecil² tuh yg membuat imyut²...xixixixi...^.^

Thank's a lot for Max. Happy Blogging ^.^