Buang border image

Buang border image - Hallo sahabat Cara Sign Up, Pada Artikel yang anda baca kali ini dengan judul Buang border image, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Buang border image, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Buang border image
link : Buang border image

Baca juga


Buang border image

Sebelum:

Selepas:
Bagi sesetengah template blog, contohnya template designer simple, image yang diupload automatically disetkan border pada kelilingnya. Bagi sesetengah blogger, ianya mungkin nampak agak semak, lebih-lebih lagi kalau background post berwarna hitam. Terpulang pada citarasa masing-masing. Bagi mereka yang tidak senang dengan border tersebut, di sini ada disediakan tutorial cara untuk hapuskannya! ^_^

Caranya:

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod
.post-body img, .post-body .tr-caption-container,

4) Selepas jumpa kod .post-body img, .post-body .tr-caption-container, korang akan nampak kod yang macam kat bawah ni:
.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);
Nota:
Pada nilai yang ditandakan biru, korang tukar semua kepada  0

Contoh:
.BlogList .item-thumbnail img {

padding: $(image.border.small.size);

background: $(image.background.color);

border: 0px 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);

5) Lepas dah tukar, klik preview, jika tiada error, klik save template dan lihat hasilnya.

Selamat mencuba! :)


Demikianlah Artikel Buang border image

Sekianlah artikel Buang border image kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Buang border image dengan alamat link http://carasignup.blogspot.com/2012/01/buang-border-image.html

0 Response to "Buang border image"

Posting Komentar