BREAKING NEWS

Lokomedia

Tips dan Trik

Template Balitbang

Sunday, November 18, 2012

Mengganti Sidebar Background dengan Animasi

sidebar widget


sidebar widget

Ini adalah link image hosting dari gambar diatas:
gambar 1 :http://i560.photobucket.com/albums/ss44/erge32/RGsdbar.gif
gambar 2 :http://i560.photobucket.com/albums/ss44/erge32/EkaSidebar.gif


Berikut Ini langkah2nya seperti biasa :
1. Masuk ke akun Blogger Anda.

2. Klik Tata Letak.

3. Klik Edit Html

Kemudian cari Kode seperti di bawah ini
pake ctrl + f supaya cepet nyari kemudian isikan .sidebar h2

.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;
}


Nah kalo udah ketemu sobat tinggal tambahin aja Background nya seperti dibawah ini

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;

terserah yang mana dipakai image nya ... jadi kodenya seperti 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;
background:#f7f7f7 url(http://i560.photobucket.com/albums/ss44/erge32/EkaSidebar.gif?imgmax=800)repeat;
}

kalau udah selesai simpan template kemudian liat blognya,,

Semoga bermanfaat... ^_^


Sumber

Post a Comment

Peraturan dan Tata Cara Berkomentar di IT Sasak


1) Berkomentarlah Secara Sopan dan Tidak Melakukan Spaming

2) Berkomentar Sesuai Dengan Tema Artikel

3) Dilarang Menyertakan Link dalam Komentar

4) Beri Nama Jelas (jangan menggunakan nama Anonim)

 
Copyright © 2011 IT Sasak
Powered by Blogger