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.



Tidak ada komentar:

Posting Komentar

Popular Posts

Archives

Download

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes