Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Menciptakan Garis Berwarna Di Bawah Subheading Blog

Assalamualaikum…
KENEONO – Dikesempatan kali ini aku akan share Cara Praktis Membuat Garis Berwarna di Bawah Subheading. Salah satu tampilan untuk mempercantik blog semoga lebih SEO dan lezat dilihat dapat sahabat menambahkan garis berwarna pada Subheading di dalam artikel.

Subheading sendiri ini merupakan sebuah kata kunci turunan atau keywords turunan, dimana keywords turunan murupakan sebuah keharusan yang ada pada artikel kita, ini sangat bermanfaat untuk SEO. Subheading ini biasanya diterapkan di dalam artikel yang ibarat teladan : Cara menciptakan apa bla-bla…. Atau kata-kata lain sejenisnya, ibarat yang ada di artikel ini.

Banyak blog yang sudah menerapkan/memodifikasi garis berwarna di bawah subheading ini untuk mempercantik blog, mungkin sahabat pernah melihat di lain blog punya angan-angan ingin menciptakan ibarat itu tapi tidak tau caranya pribadi simak tutorialnya dibawah ini.


Berikut Cara Memodifikasi Garis Berwarna di Bawah Subheading Blog :


  • Pertama masuk Dashboard blogger
  • Pilih sajian Tema/Template > Edit HTML
  • Kemudian tambahkan isyarat di bawah ini, sempurna di atas isyarat ]]></b:skin> atau taruh diatas isyarat </style>
     /* Garis Warna Bawah Subheading */
    .post-body h3,
    .post-body h5,
    .post-body h6{position:relative;margin:0 0 10px;padding:10px 0;border-bottom:3px solid #99ff99;font-weight:500;letter-spacing:0}
    .post-body h3{font-size:120%;}
    .post-body h5{font-size:100%;}
    .post-body h6{font-size:80%;}
    .post-body h3:before,
    .post-body h5:before,
    .post-body h6:before{content:&#39;&#39;;position:absolute;bottom:-3px;left:0;right:0;
    background:#00802b;width:20%;height:3px;}
    Keterangan :
    solid #99ff99                 : Merupakan warna garis yang memanjang
    background:# 00802b  : Warna di pojok garis sebelah kiri yang pendek
    font-size:120%             : dan untuk ini yakni kawasan mengatur ukuran besar kecilnya kata-kata subheading
  • Jika sudah silakan Simpan Tema.

Nah hingga disini memodifikasi garis berwarna subheading sudah selesai, untuk menerapkan semoga muncul di dalam artikel blog dapat lihat tutorial di bawah ini.

Berikut Cara Menerapkan Garis Warna di bawah Subheading blogger :


  1. Pertama silakan buat artikel gres ibarat biasanya
  2. Untuk menambahkan garis subheading silakan block bab goresan pena yang ingin dijadikan subheading, ibarat gambar dibawah ini. Berarti nanti yang aka nada garis berwarna dibawahnya hanya goresan pena itu saja.
  3. Selesai, nanti otomatis jikalau artikel sudah dipublikasikan akan muncul garis warna dibawahnya.

Sampai disini artikel kali ini wacana Cara Memodifikasi Garis Berwarna di Bawah Subheading blog. Semoga dapat bermanfaat untuk sahabat semua.
Kunjungi terus blog keneono untuk mendapat artikel menarik lagi lainnya. Terimakasih...
Wassalamualaikum...