Author
Hi I'm a sixteen years old girl from Indonesia. Stalk me here.
Tutorials
All the list of tutorials, please click here. Thank you.
Credit
Tempelate by yours trully. Do not open my page source. I will respect you if you're respect me.

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 :)