contact
WA: 0822-8846-7823
SMS: 0822-8846-7823
Call: 0822-8846-7823
BBM: D7DB3491
ebsofmail@gmail.com

Style Judul Sidebar Dengan CSS

Posted in HTML & CSS Life at 04 April 2016 With 0 Comments

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...

▼ Download Source Code Dibawah Ini ▼


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

membuat style judul H2 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...

Artikel Rekomendasi



Artikel Terkait

Diskusi