Cara Memberi Background Judul Widget Pada Sidebar

Zen

BLOG, INFO

Saturday, November 16, 2013

2 Komentar

Hay sobat blogger semuanya, pada kesempatan hari ini saya akan menjelaskan gimana caranya memberi background pada judul widget, caranya sebenarnya mudah, tapi jika template sobat adalah sederhana tingkat pertama maka caranya akan susah, nah cara saya ini sebenarnya memiliki tujuan yaitu memperindah blog dan menjadikan blog agar lebih SEO, tapi dengan sobat memasang background pada judul widget sobat maka kalamahan cara saya ini adalah membuat loading menjadi lambar 0.2%, sangat sedikit, tapikan juga namanya memperlambat loading, tapi jika sobat menggunakan background gambar (bukan warna) maka loading akan diperlambat 1%, jadi saya sarankan menggunakan warna saja agar lebih bagus dan loading tidak terlalu lambat, nah untuk caranya langsung saja lihat di bawah ini

Cara memberi background warna pada judul widget

1. Buka blogger sobat semuanya
2. Pilih template lalu edit HTML
3. Cari kode .widget h2
4. Lalu letakkan kode di bawah ini di samping kanan tanda { dan sebelum tanda }

   border-bottom: 1px solid #ccc;
   font-size: 13px; font: bold Arial;
   text-transform:uppercase;
   margin: 0px 0 0px 0;
   padding: 1px;
   -moz-border-radius-topleft: 0px;
   -moz-border-radius-topright: 0px;
   -moz-border-radius-bottomright: 0px;
   -moz-border-radius-bottomleft: 15px;
   -webkit-border-radius: 0px 0px 15px 0px;
   border-radius: 0px 0px 15px 0px;
   border: 1px #ccc solid;
   background: #0080FF;
   color:#000;

5. Save lalu lihat hasilnya

Keterangan: -warna merah jika di beri maka judul akan bertulisan besar 
                     semua, dan jika sobat hapus akan menjadi normal (kecil,
                     besar)
                   -warna hijau adalah background warna judul widget, jika
                     background yang sobat inginkan adalah gambar ganti warna hijau dengan
                     url('URL gambar sobat') masukkan url gambar sobat pada tesk warna ungu

Sekian yang dapat saya sampaikan tentang info blog ini, semoga dapat bermanfaat dan jangan lupa berkomentar
Terima Kasih Telah Membaca Artikel Saya