Sabtu, 25 Desember 2010

Cara Menghilangkan Border pada semua Gambar di Blog

Kenapa dihilangkan? Tentu setiap blogger punya alasan sendiri-sendiri kenapa border pada gambar ini dihilangkan. Mulai dengan alasan kurang sedap di pandang, membatasi efek ruang sampai dengan alasan karena terkesan terlalu ribet. Apapun alasannya yang jelas ujung-unjungnya tetap berakhir pada pertanyaan yang sama: Bagaimana cara menghilangkannya?


Gampang! Kita tidak perlu mencari lokasi pengaturan yang tepat seperti jika kita hanya ingin menghilangkan border pada gambar profil atau pada gambar posting. Kita tinggal ganti atau sikat semua pengaturan kodenya atau langsung menghapusnya. Sebagai contoh anda bisa ikuti beberapa langkah berikut:

1. Masuklah ke halaman dasbor blog anda lalu klik Rancangan.

Cara Menghilangkan Border pada semua Gambar di Blog

2. Kemudian klik pada Edit HTML

Cara Menghilangkan Border pada semua Gambar di Blog

3. Untuk berjaga-jaga jika terjadi kesalahan sebaiknya backup dulu template anda dengan mengklik Download Template Lengkap.

Cara Menghilangkan Border pada semua Gambar di Blog

4. Kemudian carilah kode:   img

5. Agar lebih mudah mencarinya tekan (Ctrl + F) pada keyboard lalu tekan Enter. Maka akan muncul kotak Find. Ketiklah kode yang akan dicari pada kotak tersebut lalu tekan Enter, maka secara otomatis akan muncul kode yang dicari dalam keadaan terseleksi dengan warna hijau.

Cara Menghilangkan Border pada semua Gambar di Blog

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

a img {
border:1px solid #000000;

7. 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;

8. 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 {

9. 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.

Cara Menghilangkan Border pada semua Gambar di Blog

10. Sekarang anda sudah bisa melihat perubahannya dengan mengklik Lihat Blog.


11. Selamat mencoba dan semoga berhasil!


Read more: Cara Menghilangkan Border pada semua Gambar di Blog - blogernas http://www.blogernas.co.cc/2010/06/cara-menghilangkan-border-pada-semua.html#ixzz19BoB26QI

Tidak ada komentar:

Posting Komentar

Free Download 4shared Premium Gratis

http://bengkelweb.co.de/4shared/

Valid CSS!

LinuxHQ LinuxHQ
Free Automatic Backlink Religion (Islam) - TOP.ORG Religion blogs powered by PRBbutton Religion Blogs - Blog Rankings rantop.com Saung Link SEO-Supreme Professional search tools for free Get Freebl Religion Blogs