Kamis, 19 April 2012

0 Cara menambah background pada judul side bar

Chyberart - Templat bawaan blogger pada umumnya dan bahkan hampir semua template bawaan atau standar blogger tidak menyediakan background pada judul sidebarnya.Banyak hal yang dapat kita lakukan untuk mempercatik atau memperindah tampilan blog kita seperti pada posting saya, hal ini merupakan suatu aplikasi yang salah satu fungsinya adalah mempercatik tampilan blog kita. Mungkin sebelumnya anda sudah pernah melihat pada blog-blog yang lain, disetiap judul sidebar terdapat backgrounnya, kalau anda belum pernah melihat yang saya maksut menambah backgroun pada judul sidebar adalah seperti ini:

Nah...! backgrounya itu bisa kita tambahkan sendiri dengan meletakan URL gambar kita ke backgroun sidebar. Langkah-langkahnya adalah sebagai berikut :
  1. Pastikan anda login ke blog anda
  2. Pilih layout >Edit HTML
  3. Download template lengkap terlebih dahulu untuk mengantisifasi kesalahan dalam editing
  4. Cari kode .sidebar h2 {  Gunakan tombol F3 untuk memudahkan pencarian kode
  5. Jika sudah lihat kode yang dibawah kode tadi dan biasanya terdapat kode seperti ini
  6. .sidebar h2 { background: transparent ; repeat-x; color: #FFFFFF; font-size: 11px; font-family: Georgia; font-weight: strong; margin: 0px 0px 5px 0px; padding: 3px 0px 3px 10px; text-align:center; } Keterangan :
    • Color :#FFFFFF; adalah warna judul side bar
    • font-size adalah ukuran judul side bar
    • text-align: center: adalah posisi judul sidebar
  7. Apabila pada template anda tidak terdapat background: transparent ; repeat-x; seprti diatas maka tambahkan kode tersebut dibawah kode .sidebar h2 {  menjadi seperti diatas.
  8. Hapus tulisan Transparent dan ganti menjadi seperti ini
  9. background: url(alamat image anda disini)repeat-x;
  10.  Perhatikan tulisan berwarna merah dan ganti dengan URL gambar anda misalnya menjadi seperti ini:
  11. background: url(http://lh5.ggpht.com/_7Y9pl24WpQY/Ss37F0ZA9kI/AAAAAAAAB2k/c_ySi8QZg20/header_thumb%5B2%5D.jpg)repeat-x;
  12. Terakhir Simpan template dan lihat hasilnya

0 komentar:

Posting Komentar