BLOG-CYBER CORPORATION Gunakanlah Google Chrome untuk Tampilan Maksimal Blog Ini , Thanks For Visit My Blog,Jangan Lupa Follow Blog Ini. Online Peoples


Home » » Mengubah Background Judul Sidebar, Widget Footer Blog

Mengubah Background Judul Sidebar, Widget Footer Blog

Ok tanpa lama komat kamit, seperti dukun beranak hmmm emaang siapa yang mau melahirkan mas bro?? wkwkwk langsung saja lihat dan praktekkan sesuai panduan berikut;

Mengubah Warna Background Judul Sidebar Blog

1. Masuk blogger.com/ Draft.blogger.com
2. Pada halama Edit HTML backup template blog Anda
3. Edit HTML -> Proses -> Centang "Expand Template Widget"
4. Tekan Ctrl+F untuk mencari kode berikut
.sidebar h2 {
background:#424242;
color: #000000;
font-size: 11px;
font-family: Packard Antique;
font-weight: strong;
margin: 0px 0px 5px 0px;
padding: 3px 0px 3px 10px;
text-align:left;
}
5. Kode tidak selalu sama, terlebih jika blog sudah banyak diobrak-abrik. Fokus saja sama teks sidebar atau sidebar h2, dan cari yang ada fungsi background-Nya seperti CSS diatas, jika tidak ditemukan bisa gunakan script CSS diatas karena itu sudah suport template standart blogger.
6. Ubah kode warna sesuai kebutuhan Anda, lihat Kode Warna HTML
7. Simpan template, tapi sebelum simpan alangkah baiknya pratinjau terlebih dahulu jika sesuai lekas simpan.

Mengubah Background Sidebar Dengan Gambar

Dalam hal ini Anda hanya tinggal memilih saja karena kode masih sama seperti diatas, hanya ada secuil perbedaan. Pada langkah no.4 abaikan kode warna dan rubah menjadi Url gambar, lihat kode berikut
.sidebar h2 {
background:url(Url Gambar)repeat-x;
color: #000000;
font-size: 11px;
font-family: Packard Antique;
font-weight: strong;
margin: 0px 0px 5px 0px;
padding: 3px 0px 3px 10px;
text-align:left;
}

Pratinjau dan Simpan template.

Mengubah Background Widget Footer Blog

Tekan Ctrl+F untuk mencari kode terkait Widget Footer Template Blog Anda, kalo Anda belum tahu kodenya contoh seperti berikut,
.sidebar .widget h2{background: #424242 top no-repeat;
float: left;width: 300px;margin: 0 0 10px;
padding: 10px;
border: 1px solid #BDBDBD;}
script CSS tersebut biasanya beda kalo-kalo template Anda dapat dari orang yang tidak begitu mengerti kode standart blogger yang biasa gunakan sebagai variable CSS, perhatikan saja tidak jauh biasanya selalu ada widget didalamnya.

Lalu simpan template. Good luck!





Like And Share :

0 komentar ~ Back To Top

 
Support By : Google | Creating Website | Alexa
Copyright © 2012. Blog - Cyber Corporation - All Rights Reserved
Template Modify by GM Latief
Powered by Blog-Cyber Corporation