Ok Temen-temen kali ini kita akan membuat Tampilan Judul Sidebar H2 dengan CSS, Tutorial kali ini untuk sidebar website dengan menggunakan HTML dan CSS, Dulu saya sudah pernah menulis tentang artikel Membuat Layout dengan HTML5 dan CSS3 , nah pada kesempatan kali ini kita dapat mengkolaborasian layot tersebut dengan menambahkan sidebar style H2,

Cara Merubah Judul Sidebar , pada Website

Temen-temen yang  menggunakan platform blogger, bisa ko mengikuti artikel ini, asal tahu peletakkan kode CSS, namun disini saya akan membuat artikel yang khusus digunakan untuk CSS dan HTML nya saja, Perlu diketahui bahwa blogger menggunaan xml kan...

OK.. mari kita lanjut , Dengan Style ini kita akan mempercantik Judul Sidebar H2 di website kita, Sebenarnya, untuk H2, H3 ini sama saja,,, itu tergantung anda mau menggunakan yang mana ,

Berikut tampilan dari Judul Sidebar Website

Untuk Demo artikel bisa lihat disini

Nah .. untuk code Membuat Style Judul Sidebar ini, Silahkan Bukan text editor pilihan anda...

Code HTML :

<div class="block-title">
    <span>
        LATEST ARTICLES
    </span>
</div>

Code CSS :

  .block-title {
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    line-height: 1;
    margin-top: 0px;
    border-bottom: 3px solid #D10000;
  }
  .block-title span {
   background-color: #D10000;
   padding : 8px 8px 0 8px;
   color : #fff;
   line-height: 27px;
  display: inline-block;
  }

Jika Sudah, Silahkan anda Save.. Dan kemudian jalankan dibrowser,,,, Nah.. Gimana .. Mudah Bukan.. OK.. Sekian dulu artikel Cara Membuat Style Judul Sidebar di Website dengan CSS, Semoga artikel ini dapat bermanfaat...