Sunday, May 13, 2012

Cara menambahkan background image pada judul sidebar blog


Posted by: Bloggertrik // 12:41 AM | Kategori: trik blog

Ada satu trik lagi untuk mempercantik tampilan blog anda. Kali ini yang akan fauzionline share adalah tutorial cara mengubah backgound judul sidebar blog.

Tidak jarang apabila setelah memasang template di blog kita, tapi tampilan tidak seperti yang kita inginkan. Untuk menyiasatinya kita dapat memodifikasi beberapa tampilan khususnya di sidebar blog kita. Kita bisa memberikan background sesuai gambar yang kita inginkan.


Berikut ini cara membuat background image pada judul sidebar blog:

1. Login ke akun blog anda
2. Pilih menu rancangan, kemudian pilih Edit HTML
3. Setelah itu cari kode .sidebar h2 {, untuk mempermudah pencarian silahkan klik tombol ctrl+f. Apabila tidak dijumpai kode tersebut maka carilah kode yang mirip dengan kode di atas
4. Setelah itu copy dan paste kode di bawah ini setelah kode .sidebar h2 {

background:url(ALAMAT URL GAMBAR)repeat-x;


Apabila tidak ada kode .sidebar h2 { atau yang sejenisnya, anda bisa menambahkan kode di bawah ini pada sidebar content
.sidebar h2 {

background:url(ALAMAT URL GAMBAR)repeat-x;

color: #FFFF66;

font-size: 11px;

font-family: Georgia;

font-weight: strong;

margin: 0px 0px 5px 0px;

padding: 3px 0px 3px 10px;


text-align:center;

}


Selamat mencoba..
Cara menambahkan background image pada judul sidebar blog
Cara menambahkan  background image pada judul sidebar blog Bloggertrik
By:
Published:
Rating Artikel : 5 rates
Jumlah Voting : 160 Orang Total time:

Link Url: http://bloggertrik.blogspot.com/2012/05/cara-menambahkan-background-image-pada.html