Membuat latar belakang warna judul sidebar di blog
Membuat background judul sidebar menjadi berwarna atau mempunyai latar belakang warna dan menjadi tampilan lebih menarik lagi
Sebenarnya cukup mudah untuk memberi latar belakang widget sidebar hanya dengan menambahkan css di bagian skin atau buat gaya dengan tanda <style> </style>
Contoh lengkap memberi latar belakang untuk bagian skin html
<html>
<head>
<![CDATA[
.sidebar h2 {
border:1px solid #FF0000;
border-radius:10px;
padding:5px;
text-align:left;
background-color:#000000;
color:#fff;
}
margin:5px
}
]]>
</head>
<body>
</body>
</html>
<head>
<![CDATA[
.sidebar h2 {
border:1px solid #FF0000;
border-radius:10px;
padding:5px;
text-align:left;
background-color:#000000;
color:#fff;
}
margin:5px
}
]]>
</head>
<body>
</body>
</html>
Kemudian untuk bagian style anda bisa di tempatkan di bagian mana saja sesuka hati
Contoh kode
<style>
.sidebar h2 {
border:1px solid #FF0000;
border-radius:10px;
padding:5px;
text-align:left;
background-color:#000000;
color:#fff;
}
margin:5px
</style>
.sidebar h2 {
border:1px solid #FF0000;
border-radius:10px;
padding:5px;
text-align:left;
background-color:#000000;
color:#fff;
}
margin:5px
</style>
- Rincian :
- Sidebar h2 merupakan kode untuk judul sidebar
- border merupakan garis
- border-radius merupakan garis untuk merubah gaya bagian siku-siku yang bisa di buat untuk pola tidak runcing
- Padding merupakan jarak h2
- Margin merupakan jarak untuk bagian luar h2
- text-align merupakan anjuran untuk posisi h2
- Background-color merupakan warna latar belakang
Terima kasih telah membaca artikel tentang Cara membuat background judul sidebar h2 di blog successful blogger jika anda ingin menyebar-luaskan artikel ini dimohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silahkan bookmark halaman ini di web browser anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.