Senin, 03 September 2018

Cara Membuat Garis Berwarna di Bawah Subheading Blog

Assalamualaikum…
KENEONO – Dikesempatan kali ini saya akan share Cara Mudah Membuat Garis Berwarna di Bawah Subheading. Salah satu tampilan untuk mempercantik blog supaya lebih SEO dan enak dilihat bisa sobat 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 seperti contoh : Cara membuat apa bla-bla…. Atau kata-kata lain sejenisnya, seperti yang ada di artikel ini.

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


Berikut Cara Memodifikasi Garis Berwarna di Bawah Subheading Blog :


  • Pertama masuk Dashboard blogger
  • Pilih menu Tema/Template > Edit HTML
  • Kemudian tambahkan kode di bawah ini, tepat di atas kode ]]></b:skin> atau taruh diatas kode </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 adalah tempat mengatur ukuran besar kecilnya kata-kata subheading
  • Jika sudah silakan Simpan Tema.
Nah sampai disini memodifikasi garis berwarna subheading sudah selesai, untuk menerapkan supaya muncul di dalam artikel blog bisa lihat tutorial di bawah ini.

Berikut Cara Menerapkan Garis Warna di bawah Subheading blogger :


  • Pertama silakan buat artikel baru seperti biasanya
  • Untuk menambahkan garis subheading silakan block bagian tulisan yang ingin dijadikan subheading, seperti gambar dibawah ini. Berarti nanti yang aka nada garis berwarna dibawahnya hanya tulisan itu saja.
  • Selesai, nanti otomatis jika artikel sudah dipublikasikan akan muncul garis warna dibawahnya.

Sampai disini artikel kali ini tentang Cara Memodifikasi Garis Berwarna di Bawah Subheading blog. Semoga bisa bermanfaat untuk sobat semua.
Kunjungi terus blog keneono untuk mendapatkan artikel menarik lagi lainnya. Terimakasih...
Wassalamualaikum...

BERITA LENGKAP DI HALAMAN BERIKUTNYA

Halaman Berikutnya

>> PERHATIKAN !!! <<

- Gunakan kata-kata yang bijak saat berkomentar ya sob.
- Berkomentar dengan Foto <i rel="image">URL_GAMBAR</i>
- Berkomentar dengan Code HTML silakan Parse dulu.