Cari Artikel Blog Ini

Total Tayangan Laman

MENYISIPKAN IMAGE PADA JUDUL SIDEBAR

Judul sidebar dapat kita atur penampilannya sesuai dengan keinginan pengelola sebuah blog, baik dalam penampilan huruf maupun penambahan lainnya semisal penyisipan gambar.
DEMO ; Lihat judul Sidebar pada EPG Studio.
Sebenarnya trik semacam ini telah dibahas pada beberapa Tutorial EPG Studio sebelumnya, namun tidak ada salahnya dibuat lagi secara khusus, karena mungkin sebagian dari peblogger malas mencari tutorial berkenaan.
Caranya sangat mudah, silahkan anda ikuti langkah-langkah dibawah ini.
  • Login ke Blogger dengan ID anda.
  • Masuk ke bagian Rancangan kemudian pilih tab Edit HTML.
  • Cari kode untuk judul sidebar (h2) seperti dibawah ini :
    .sidebar h2 {

    font-size:100%;

    color:#ffffff;

    font-weight:bold;

    text-transform:uppercase;

    text-align:center;

    border: 3px solid #000033;

    background:#000033
  • Perhatikan yang berwarna merah yang merupakan kode warna latar dari judul siebar.
  • Siapkan sebuah gambar kecil kemudian upload pada host penyimpan gambar seperti : photobucket atau lainnya.
  • Copy link dari gambar tersebut :
  • Contoh gambar kecil yang dimaksud
  • Tambahkan kode ini setelah kode background:#000033 :
    url(http://img651.imageshack.us/img651/3007/ballb.gif)no-repeat center left;

    kode yang berwarna merah merupakan link dari gambar kecil tadi.
  • Secara lengkap background tersebut menjadi :
    background:#000033 url(http://img651.imageshack.us/img651/3007/ballb.gif)no-repeat center left;
  • Klik tombol Simpan Template.
  • Lihat Judul Sidebar blog anda sekarang.

Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
2 Comments

2 komentar :

hidayathamim mengatakan...

Sip, Makasih yang pak :)

KALOKA ADVENTURE mengatakan...

Sangat membantu sekali blog Anda buat saya yg msh sangat pemula...saya praktekkan untuk tutorial Anda yg "cara memasang image pada judul sidebar,tetapi setelah saya praktekkan ternyata antara image dan judul pada sidebar menumpuk jadi satu,bagaimana cara memberi jarak antara image dengan judul pada sidebar?mohon solusinya.thankee.salam kenal dari new blogger

Posting Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!