Senin, 03 Juni 2013

Cara Membuat Background Untuk Judul Widget

Salam..!! Pada kesempatan hari ini Saya ingin berbagi Ilmu (baru bangun tapa) mungkin terbilang basic ya bagi Anda yang memang mengerti tentang Cara Buat Backgroud Judul Sidebar, Widget Footer Blog agar menjadi cantik sesuai dan seperti Kata Kata Galau. wkwkwk keyword sudah menjurus kepada Foto Narsis Hot ini.. hmm cuman keyword ini, sudah.. kembali ke laptop untuk Background Judul Sidebar, Widget Footer disini Saya akan menjelaskan 3 kategori hanya untuk Anda gratis!!

Cara Buat Background Judul Sidebar, Widget Footer Blog

Background Judul Widget

Buat Background Judul Sidebar, Widget, Footer Blog sama halnya seperti Kata Kata LucuCheat Dragon CityCheat TransformiceKata Kata Romantis dan masih banyak lagi artikel terkait Desain Blog dari jadul posting sampai yang paling terbaru masing-masing memiliki kualitas berdasarkan waktu dan pengalaman disini adalah Saya Suhendri Mr ingin kembali membawa Anda review postingan masa lalu siapa tahu ada yang sesuai dengan kebutuhan yang inti sarinya! adalah sama yakni agar blog menjadi enak dilihat tidak hanya Admin sebagai pembuat blog tapi begitu juga dengan pengunjung.

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;

Buat 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 tekssidebar 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.

Buat 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.

Buat 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. 

Tidak ada komentar:

Posting Komentar