Rabu, 16 Maret 2011

Mengganti Warna Border Pada Blog

Cara Merubah Warna Border Gambar Posting.
Kenapa warnanya harus dirubah? Tentu karena kita ingin mempercantik tampilan blog. Sedangkan warna border bawaan blogspot biasanya adalah hitam, sehingga bisa jadi kurang menarik atau tidak selalu cocok dengan latar belakang halaman posting. Yang menjadi masalah adalah bagaimana cara merubah warna border gambar posting tersebut? Karena fasilitas untuk merubahnya tidak ada di halaman Edit Entri. Nah, sebenarnya caranya cukup mudah. Jika anda ingin mencoba anda bisa ikuti beberapa langkah di bawah ini


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


Cara Merubah Warna Border Gambar Posting

2. Kemudian klik pada Edit HTML


Cara Merubah Warna Border Gambar Posting

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


Cara Merubah Warna Border Gambar Posting

4. Kemudian carilah kode:   .post 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 Merubah Warna Border Gambar Posting

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 tulisan bodernya. Perhatikanlah kode yang berwarna biru. Itulah kode dari warna bordernya. Sekarang gantilah kode tersebut sesuai dengan warna border yang anda inginkan.  Sebagai contoh di sini saya ingin menggantinya dengan warna merah. Kodenya adalah #FF0000. Maka penulisannya akan menjadi seperti ini:

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

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

Cara Merubah Warna Border Gambar Posting

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


Cara Merubah Warna Border Gambar Posting

11. Sebagai contoh hasilnya akan tampak seperti di bawah ini:


Cara Merubah Warna Border Gambar Posting

Selamat mencoba dan semoga berhasil. 






Copyright® 
http://www.blogernas.co.cc

1 komentar:

ILH@M54 mengatakan...

tnkz gan infonya

Posting Komentar

 
www.Indo-pages.blogspot.com