1News Online:
Home » » Tutorial Blog - Cara hilangkan line border gambar pada post

Tutorial Blog - Cara hilangkan line border gambar pada post

Wednesday, October 31, 2012 | 3:03 AM


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.

Kongsi artikel ini : :

Post a Comment

 
Copyright © 2012. 1News Online - All Rights Reserved
Proudly powered by Blogger