Buang Image Border // Wednesday, July 27, 2011
Assalamu'alaikum...
Hari ini Lettha mau ajarkan tutorial tentang bagaimana caranya menDELETE border image (kotak di sekeliling gambar). Lettha pernah tanya ke orang orang yang dah ahli blog lewat Facebook, dia bilang caranya pergi ke Tempelate Designer >>Advance.
Tapi sebenarnya bukan dari situ, kalau dari situ, bordernya masih ada dan keliatan, so hari ini Lettha mau bagi bagikan caranya kepada kalian semua :)
Dashboard >>Design >>Edit HTML
cari kode ini:
.post-body img, .post-body .tr-caption-container,
kalau udah ketemu, lihat dibawah dia ada kode kode ini:
.BlogList .item-thumbnail img {
padding: $(image.border.small.size);
background: $(image.background.color);
border: 1px solid $(image.border.color);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}
yang Lettha warnakan merah merah itu delete lalu gantikan dengan nomor kosong, seperti ini:
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: $(image.border.small.size);
background: $(image.background.color);
border: 1px solid $(image.border.color);
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
}
PREVIEW DULU !! Lalu Save Tempelate :)