Sabtu, 19 Maret 2011

Cara Menghilangkan Border pada Gambar

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.

0 komentar:

Posting Komentar