Rabu, 11 Juni 2014

Buang border image

http://diahandani.blogspot.com/p/diary.html
  Before:
http://www.diahandani.blogspot.com
 
After:
http://www.diahandani.blogspot.com
Buat temen temen kan yang pake template template tertentu, seperti simple template atau tempate sederhana, tiap temen temen nyisispin gambar pasti ada putih putihnya kan di samping gambarnya, apalagi warna latar temen temen hitam gituh contohnya, terus di tumpang warna putih kan jadi kurang cuco, naaah temen temen mau tau kan cara nya supaya hal yang seperti itu hilang, come on cekidot ikuti tutorial di bawah.
Pertama
Log in blogger temen temen
Kedua
Dasbor > design > edit HTML > centang "expand widget templates"
Ketiga
dengan serentak pada keyboard tekan Ctrl + F
.post-body img, .post-body .tr-caption-container,
Keempat
Setelah menjumpai kode .post-body img, .post-body .tr-caption-container, temen temen pasti juga nemuin kode kaya di bawah 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);
Note : Pada nilai yang ditandakan biru, temen temen ganti semua kepada  0
jadi nanti hasilnya bakal kaya gini
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);
Kelima
Setelah selesai diganti simpan dan lihat hasilnya.. syayaalaa


Tidak ada komentar: