Cara Menghilangkan Border pada Gambar

Posted by adOeL - -

Menghilangkan Border Foto Profil

1. Masuk ke Account Blog anda
2. Pilih tata letak
3. Pilih Edit HTML
4. Beri centang pada expand Widget template
5. Setelah itu cari kode :

.profil-img

6. Di bawahnya tampak kode :

border: 1px solid $border;

7. Yang artinya foto profil anda menggunakan garis pinggir dengan tebal 1 pixels. Nah jika ingin menghilangkannya gantilah angka 1  tersebut dengan angka 0.

8. Kemudian klik SIMPAN TEMPLATE dan tunggu hingga proses selesai.

Menghilangkan Border pada semua Gambar di Blog

1. Masuk ke Account Blog anda
2. Pilih tata letak
3. Pilih Edit HTML
4. Beri centang pada expand Widget template
5. Setelah itu cari kode :

a img {
border:1px solid #000000;

Anda tidak perlu menghiraukan semua kode yang ada di bawahnya. Yang penting diperhatikan hanya tulisan bodernya. Nah, angka di samping border itulah yang menimbulkan garis pinggir pada setiap gambar pada blog. Berapa pun angka yang anda temukan gantilah dengan angka 0. Sebagai contoh maka penulisannya akan menjadi seperti ini:

a img {
border:0px solid #000000;


Atau anda juga bisa langsung menghapusnya, sehingga beban file html blog anda bisa menjadi berkurang, sehingga kode yang tertinggal akan tampak seperti ini:

a img {

Nah, lakukanlah hal yang sama pada setiap img yang anda temukan. Anda cukup mengklik lagi dalam kotak find tadi kemudian kembali menekan Enter. Maka anda akan langsung diantar pada kode img yang lainnya. Lalu ganti lagi angka bordernya dengan angka 0. Begitulah seterusnya. Jika sudah jangan lupa klik SIMPAN TEMPLATE dan tunggu hingga proses selesai.

Menghilangkan Border Gambar Posting secara Otomatis

1. Masuk ke Account Blog anda
2. Pilih tata letak
3. Pilih Edit HTML
4. Beri centang pada expand Widget template
5. Kemudian carilah kode :

.post img

6. Sekarang perhatikanlah beberapa kode di bawahnya, sehingga akan terlihat seperti ini:

.post img {
padding:2px;
border:1px solid #000000;

7. Anda tidak perlu bingung jika beberapa kodenya tidak sama dengan blog anda, karena itu tergantung pada template yang anda gunakan. Yang penting diperhatikan adalah kode bodernya. Nah, angka 1 pada border itulah yang menimbulkan garis pinggir pada gambar di halaman posting. Sekarang gantilah angka 1 tersebut dengan angka 0. Sehingga penulisannya akan menjadi seperti ini:

.post img {
padding:2px;
border:0px solid #000000;

8. Atau anda juga bisa langsung menghapusnya, sehingga beban file html blog anda bisa menjadi berkurang, sehingga kode yang tertinggal akan tampak seperti ini:

.post img {
padding:2px;

9. Jika sudah jangan lupa klik SIMPAN TEMPLATE dan tunggu hingga proses selesai.


Selamat mencoba, semoga bermanfaat.



Lihat juga artikel lainnya :)

Utta Melanikz

Post Author : Utta 'The Shelter'

Gue hanyalah seorang blogger pemula yang ingin belajar dan berbagi, Semua artikel bersumber dari pengalaman yang saya dapatkan dari dunia internet.Jika anda senang dengan Artikel ini, silahkan berlangganan gratis Via Email atau Feed Rss

Bagaimana Pendapat Anda??

Segera Laporkan apabila sobat menemukan Broken link (link rusak) atau ingin request dan bertanya, dengan meninggalkan pesan di bawah ini,dan Blog ini sudah DoFollow, namun tetap jaga kesopanan dengan tidak melakukan komentar spam yach.