Membuat blog lebih bersinar indah seperti RaxterBlog bro itu gampang sih bro caranya, ya caranya dengan mengganti Background judul yg sebelumnya berbentuk kode warna menjadi berbentuk Alamat Url Background deh bro, kalo lo tertarik bro, silahkan simak tacara berikut ya bro :
>> Ikuti cara Berikut ini bro
>> Login ke Blog lo bro
>> Pilih Template
>> Edit HTML
>> klik Expand Widget Template
>> Untuk antisipasi bro silahkan BACKUP dulu data lo ya bro . . .
>> Carilah bro kode h2 atau h3 yang mungkin bro lebih dari satu bro tapi lo fokuskan aja pada kata sidebar atau widget, karena pastinya template blog berbeda - beda bro.
untuk lebih jelas bro tengok aja contoh diBawah :
h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);
margin: 0 0 .5em;
}
font: $(widget.title.font);
color: $(widget.title.text.color);
margin: 0 0 .5em;
}
Jika template blog lo bro kayak diatas terdeteksi, silahkan tambahkan kode
background:url(ALAMAT URL BACKGROUND)repeat-x;
sehingga kodenya akan menjadi seperti ini bro :
h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);
margin: 0 0 .5em;
background:url(ALAMAT URL BACKGROUND)repeat-x;}
Atau mungkin bro template blog lo yang seperti diBawah ini kodenya bro :
.sidebar h2{text-align:center; color:#EFEFEF;background:#fff;font-size:14px;line-height:16px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;margin:-10px -10px 10px -10px;padding:9px 0 9px 10px;text-transform:uppercase;}
Maka Lo bro tinggal Ganti Kode background:#fff; dengan Kode ini bro :
background:url(ALAMAT URL BACKGROUND)repeat-x;
Lebih jelasnya bro akan menjadi seperti berikut bro :
.sidebar h2{text-align:center; color:#EFEFEF;background:url(ALAMAT URL BACKGROUND)repeat-x;font-size:14px;line-height:16px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;margin:-10px -10px 10px -10px;padding:9px 0 9px 10px;text-transform:uppercase;}
Untuk Area Sidebar Judul Gadget sebelah Bawah (Footer)
untuk area ini biasanya berbeda dengan sidebar yang sebelah kanan atau kiri bro, yang gua tau bro selama sidebar dibawah terbagi menjadi 3 kolom atau lebih bro akan mempunyai kode template tersendiri. kode template yang akan diganti dan di Edit seperti berikut bro :
#footer-column-container h2{ text-align:center;color:#EFEFEF;background:#3E3E3E;font-size:14px;line-height:16px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;margin:-10px -10px 10px -10px;padding:9px 0 9px 10px;text-transform:uppercase;}
disini bro lo tinggal ganti Kode background:#3E3E3E; dengan Kode berikut bro background:url(ALAMAT URL BACKGROUND)repeat-x;
#footer-column-container h2{text-align:center;color:#EFEFEF;background:url(ALAMAT URL BACKGROUND)repeat-x;font-size:14px;line-height:16px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;margin:-10px -10px 10px -10px;padding:9px 0 9px 10px;text-transform:uppercase;}
untuk area ini biasanya berbeda dengan sidebar yang sebelah kanan atau kiri bro, yang gua tau bro selama sidebar dibawah terbagi menjadi 3 kolom atau lebih bro akan mempunyai kode template tersendiri. kode template yang akan diganti dan di Edit seperti berikut bro :
#footer-column-container h2{ text-align:center;color:#EFEFEF;background:#3E3E3E;font-size:14px;line-height:16px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;margin:-10px -10px 10px -10px;padding:9px 0 9px 10px;text-transform:uppercase;}
disini bro lo tinggal ganti Kode background:#3E3E3E; dengan Kode berikut bro background:url(ALAMAT URL BACKGROUND)repeat-x;
yang pasti akan menjadi seperti berikut bro :
#footer-column-container h2{text-align:center;color:#EFEFEF;background:url(ALAMAT URL BACKGROUND)repeat-x;font-size:14px;line-height:16px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;margin:-10px -10px 10px -10px;padding:9px 0 9px 10px;text-transform:uppercase;}
>> Terakhir Tinggal Save aja deh Bro . . . gampangkan.
0 komentar:
Posting Komentar