• Natlie Imbruglia

    Doesn`t she look very cool?

  • Thousands of Years

    Earth has lived thousands of years...

  • Fruits

    Fruits are vital for health and their nutrients...

  • The Lonely Road

    The Lonely Road reminds Me with You...

  • Twister

    Here are some twisting graphics for you...

Monday, February 8, 2010

Cara hilangkan line border gambar pada post

Untuk template yang tertentu terutamanya classic template, terdapat satu garisan border yang akan muncul setiap kali kita mengupload image atau gambar pada post. Contoh line border tersebut boleh anda lihat pada gambar di atas.

Untuk menghilangkan atau memadam garisan border tersebut, hanya perlu ikut beberapa langkah di bawah.

p/s: Sila save script template anda.

Langkah 1

Log in blog => Dashboard => Layout => Edit HTML. Seterusnya tick pada kotak Expand Widget Templates.

Langkah 2

Dengan menggunakan keyboard tekan kekunci Ctrl + F dan taip atau paste kod .post img { atau .post-body img { .

Langkah 3

Edit angka pada kod border seperti yang di tunjukkan di bawah.

Contoh:

.post img {
padding: 1px;
margin: 0px 10px 10px 0px;
border: 1px solid #000000;
}

Ubah angka 1 pada border kepada 0.

Contoh selepas di edit:

.post img {
padding: 1px;
margin: 0px 15px 15px 0px;
border: 0px solid #000000;
}

Akhir sekali, klik Preview dan jika tiada mesej Error yang terpapar, klik saja Save.

3 comments:

  1. aku tak kisah pun sal border tu, nampak tak cantik ke?

    ReplyDelete
  2. tapi saya kisah...sbb bila kita edit gmbar....(letak frame...nmpak bertindih sangat...)...skarang dah x jadi cam tu...tenggggggg

    ReplyDelete