Mengganti Sidebar Bacground Berbentuk Animasi

Sobat t'Net kita ada trik baru nih untuk mengubah Bacground Sidebar Blog kita menjadi bentuk Animasi.
Bingung kan yang saya maksud???.Tenang....! gak usah bingung kita pasti memberikan triknya ko. Suatu saat saya nerjalan-jalan ke sebuah blog yang sangat bagus sekali (ForAntum) dan di sana saya menemukan trik ini. Terima kasih Buat kang Abdullah buat triknya. Dan saatnya kita akan mempraktekkannya, jika adana suka, silahkan ikuti langkahnya.
Sekedar pengenalan saja, mungkin animasi yang telah disedian oleh kang abdullah adalah seperti gambar ini

                                                                                   Dan

 dan kode dari gamgar tersebut adalh :
gambar 1 :http://i560.photobucket.com/albums/ss44/erge32/RGsdbar.gif
gambar 2 :http://i560.photobucket.com/albums/ss44/erge32/EkaSidebar.gif

Nah Mungkin teman-teman pingin sekali punya bacground sidebar kayak gini kan. Seperti sedibar Blog saya.
Untuk membuatnya gampang. sperti biasa....
Masuk ke Blogger dengan ID Sendiri>>>>Klik Tata Letak>>>>Edit HTML>>>>Lalu cari kode yang mirip seperti ini di bawah ini:

    .sidebar h2, .middlecol h2, .bottom h2{
    color: $sidebarcolor;
    text-transform: capitalize;
    font-size: 14px;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 2px 0px;
    border-bottom:1px solid $bordercolor;
    }

• Unruk mempermudah pencarian, tekan Ctrl+F lalu ketikkan kata ini  .sidebar h2

Kalu sudah ketemu sama kodenya, silahkan anda ganti Backgrounnya menjadi seperti dibawah:

 background:#f7f7f7 url(http://i560.photobucket.com/albums/ss44/erge32/RGsdbar.gif?imgmax=800)repeat;

atau

background:#f7f7f7 url(http://i560.photobucket.com/albums/ss44/erge32/EkaSidebar.gif?imgmax=800)repeat;

Sehingga kodenya akan seperti ini:

    .sidebar h2, .middlecol h2, .bottom h2{
    color: $sidebarcolor;
    text-transform: capitalize;
    font-size: 14px;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 2px 0px;
    border-bottom:1px solid $bordercolor;
    background:#f7f7f7 url(http://i560.photobucket.com/albums/ss44/erge32/RGsdbar.gif?imgmax=800)repeat;
    }

Simpan. Kalau sudah selesai,mudah-mudahan sidebar anda telah berganti dengan sidebar yang disertai lampu berjalan yang indah. Apabila teman-teman semua suka.

Semoga bermanfaat.

Terima Kasih.