May 10, 2011

Tutorial : Buang Line Border/Frame Image

salam bloggers,tadi ade request dari someone suruh Yana buat tutorial buang line border atau frame image dalam blog..okeh,just follow these steps nie ye..agak rumit,so kena hati-hati pilih code tau :)
1) Log In>> Dashboard>> Design>> Edit HTML>> Tick Expand template widget

2) tekan "ctrl+F" dan cari code kat bawah nie

.post img {

#kalao tak jumpe,korang boleh cari code yang nie oke

.post a img { atau code .post-body img {

3) kalao tak jumpe jugak,korang carilah mane-mane code yang ade "post" atau "img" ye

4) Kat bawah nie,Yana sediakan contoh code untuk 3 blog yang berbeza

.post img {
padding: 4px;
border: 1px solid #000000;
}
.post img, table.tr-caption-container {
padding:4px;
border:1px solid #cccccc;
}
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: 2px;
background: #ffffff;
border: 1px solid #e9e9e9;
}

5) kalao dah jumpe,1px tu korang ubah kepada 0px ye

6) preview dulu,dan kalao menjadi SAVE oke.

12 comments:

  1. @ nur shazwani :hehe..saje je nak share dengan korang semua :) jgn lupe apply oke

    ReplyDelete
  2. emm jiha dah buat dah,,tp kan,,. xde beza pon.. i newbie.. umm buang line border ni yg mne yeh..hee pening =,=''

    ReplyDelete
  3. @ jiha :actually nie nk buang border gambar yg post kat entry

    ReplyDelete
  4. yay thanks :) heeee.

    ReplyDelete
  5. @ sirin :dh boleh ke dik?hope dpt mmbantuu :)

    ReplyDelete
  6. timekaseh sesangat.. da lame carik tuto ni.. :)

    ReplyDelete
  7. Mekaseh kak Yana! ^^,

    ReplyDelete
  8. tq.. tutorial ni da menjadi.. sudi2 lah jguk teratak buruk sy.. =)

    ReplyDelete
  9. kq yana . nape tak jadi ;'( kod tu nak letak kt mne ? n kte tak jmp la kod yg kne caek tuu

    ReplyDelete
  10. akak..bg denim template ape kod die erk..

    ReplyDelete

Terima kaseh drops komen
Esok-esok drops komen lagi oke ! :)