Kali ini saya akan memberikan trik bagaimana membuat background warna pada judul widget Sidebar, yaitu semua yang terletak di sisi kiri, kanan dan juga footer blog. Yang termasuk sidebar disini adalah Label, Popular Post, Category, Artikel terkait, dan lain sebagainya. Untuk lebih jelasnya sobat bisa lihat sendiri pada tampilan blog sobat. Background warna yang akan saya tampilkan adalah seperti yang sudah saya terapkan pada blog saya. Tetapi jangan khawatir karena warna tersebut bisa sobat ganti sesuai dengan template blog sobat. Trik ini saya berikan semata-mata hanya sebagai pelengkap blog saya, mengingat usia blog ini masih terlalu muda.
Ok langsung aja seperti biasa
1. login ke account blogger sobat
2. Pilih Template pada dasboard
3. Pilih dan klik EDIT HTML
4. Sobat Cari code HTML dibawah ini, untuk mempermudah gunakan Ctrl F
/* Headings
----------------------------------------------- */
div.widget > h2,
div.widget h2.title {
margin: 0 0 1em 0;
font: $(widget.title.font);
color: $(widget.title.text.color);
}
5. Tambahkan code dibawah ini setelah code: color: $(widget.title.text.color);
background-color: cadetblue; color: #fff;; padding:4px 15px 3px;text- transform:none;border:2px solid #d50303;border-color:#9ecaed;box-shadow:0 0 10px #666
}
6. Terakhir Sobat akan mendapatkan Code HTML seperti dibawah ini :
/* Headings
----------------------------------------------- */
div.widget > h2,
div.widget h2.title {
margin: 0 0 1em 0;
font: $(widget.title.font);
color: $(widget.title.text.color); background-color: cadetblue; color: #fff;; padding:4px 15px 3px;text- transform:none;border:2px solid #d50303;border-color:#9ecaed;box-shadow:0 0 10px #666
}
----------------------------------------------- */
div.widget > h2,
div.widget h2.title {
margin: 0 0 1em 0;
font: $(widget.title.font);
color: $(widget.title.text.color); background-color: cadetblue; color: #fff;; padding:4px 15px 3px;text- transform:none;border:2px solid #d50303;border-color:#9ecaed;box-shadow:0 0 10px #666
}
Silahkan sobat terapkan di blog, dan jika sobat ingin mengganti warnanya silahkan sobat bisa lihat tools code warnanya disini.
Terimakasih telah berkunjung salam hormat saya untuk Sobat semua terimakasih.