Membuat Garis Bawah pada Sidebar dan Judul Posting

Membuat Garis Bawah pada Sidebar dan Judul Posting – Pada kesempatan kali ini kita akan sedikit membahas tentang cara membuat garis bawah pada sidebar dan judul posting.

Bagi sobat yang sudah lama dalam aktivitas blogging, mungkin trik atau cara seperti ini sudah tidak asing lagi di kepala. Tapi barangkali sobat blogger yang belum tau atau sedang mencari dan membutuhkan trik seperti ini berikut kita akan membahas langkah-langkahnya :
  1. Login akun blogger Anda. 
  2. Pilih Template > Edit HTML > klik Expand Template Widget
  3. Untuk membuat garis pada judul artikel cari kode .post h3 
  4. Kemudian tambahkan kode yang berwarna merah seperi berikut.
    .post h3 {
    border-bottom:2px solid #A5BD51;
    margin-bottom:7px;
    ---------------
  5. Sedangkan untuk membuat garis pada sidebar cari kode .sidebar h2 
  6. Kemudian tambahkan kode yang berwarna merah seperi berikut.
    .sidebar h2 {
    border-bottom:4px solid #A5BD51;
    font-color:#BB0000; background:#000000;
    font-size:130%; text-align:left;
    line-height: 2em;
    }
    Keterangan :
    Jika anda mengiginkan garisnya putus-putus ganti kode solid dengan dotted.
    Untuk warna garisnya kita bisa mengubah kode #A5BD51 dengan kode warna yang Anda inginkan. 
  7. Selanjutnya cek hasilnya, klik 'Pratinjau' kalau sudah berhasil klik 'Simpan template'.
Perlu diketahui juga kalau cara ini tidak semua bisa diterapkan pada template blog karena perbedaan kode script. Selamat mencoba dan semoga bermanfaat bagi kita semua.




  • Baca Juga