 |
| contoh widget yang sudah dirubah |
muba-sky--pada artikel sebelumnya saya sudah menulis tentang 2 cara mengetahui blog sudah SEO atau belum nah pada artikel kali ini saya akan menulis tentang merubah warnah latar belakang pada judul dan area widget itulah tema artikel saya kali ini.
merubah warna latar belakang pada judul dan area widget untuk tampilan blogspot itu tidak disediakan cara merubahnya jadi kita harus kreatif dan merubahnya sendiri dengan menggunakan code HTML berikut ini.
Code HTML
.main-inner .sidebar .widget h2 {
margin-top: 0px;
margin-bottom: 1px;
margin-left-value: 0px;
margin-right-value: 0px;
padding: 3px 3px;
color: #274e13 !important;
text-align: center;
border: 1px solid #666666;
border-radius: 4px;
box-shadow: 1px 1px 6px 1px #3d85c6;
background: #00FFFF;
}
.main-inner .sidebar .widget-content {
margin: 0px;
padding: 2px 2px;
text-align: justify;
text-decoration: none;
border: 1px solid #674ea7;
border-radius: 4px;
box-shadow: 1px 1px 6px 1px #3d85c6;
background: #7FFFD4;
}
.main-inner .widget #ArchiveList {
margin: 0px;
}
.main-inner .widget ul,
.main-inner .widget li,
.main-inner .widget ul li,
.main-inner .widget #ArchiveList ul.flat li {
margin: 0px;
padding: 2px;
list-style: none;
}
Dengan code HTML diatas anda bisa merubah warna latar belakang widget anda.
Cara penerapan
berikut ini cara penerapannya
- pertama klik template
- klik edit HTML
- lalu cari code ]]></b:skin> untuk mempermudah pencarian tekan tombol CTRL+F
- jika sudah ketemu letakan code HTML di atas, diatas code ]]></b:skin> tadi
- silakan klik pratinjau dahulu, jika berhasil
- klik simpan template
gimana sekarang sudah berhasilkan dan tampilan blog kamu sudah berbeda, kalau begitu saya ucapkan selamat..
itulah tutorial singkat pada hari ini, semoga artikel ini bisa sedikit membantu anda,
jika ada yang belum jelas silakan tanya ke saya dengan berkomentar dibawa atau lewat menu contact.
Terimakasih atas kunjunganya
Posted by Unknown on Monday, May 26, 2014 - Rating: 4.5
Title : cara merubah warnah latar blakang pada judul dan area widget
Description : contoh widget yang sudah dirubah muba-sky-- pada artikel sebelumnya saya sudah menulis tentang 2 cara mengetahui blog sudah SEO a...
Description : contoh widget yang sudah dirubah muba-sky-- pada artikel sebelumnya saya sudah menulis tentang 2 cara mengetahui blog sudah SEO a...
