Home » , » Cara Menciptakan Garis Berwarna Di Bawah Subheading Blog

Cara Menciptakan Garis Berwarna Di Bawah Subheading Blog

Posted by Phone Trick on Thursday, June 14, 2018

Cara Membuat Garis Berwarna di Bawah Subheading Blog Cara Membuat Garis Berwarna di Bawah Subheading Blog
Halo anda blogger semua, Pada hari ini yang baik ini admin akan membagikan Tutorial blogger ihwal Cara Membuat Garis Berwarna di Bawah Subheading Blog, Cara ini dilakukan semoga mempercantik tampilan blog anda dan semoga lebih Seo dan sedap dipandang mata dengan cara menambahkan garis warna pada subheading ke dalam artikel postingan.

Sedikit ihwal Subheading yang ialah sebuah kata kunci turunan atau sebuah keywords turunan, Dimana keywords turunan itu sendiri ialah sebuah keharusan yang harus ada dalam artikel postingan kita.

Cara ini sangat berkhasiat kepada Seo, Subheading ini biasanya diletakan kedalam artikel postingan sperti Contoh berikut ini : Cara Membuat Blog..Bla-bla... Atau kata-kata lain yang sejenis nya, Seperti yang terdapat dalam artikel ini.

Sudah kaya blog menerapkan cara nya semoga mempercantik dan tampilan blog, Apabila anda inging mencoba nya tenamun tak mengerti cara nya silahkan baca tutorial kompleks dibawah ini :
  • Silahkan masuk ke Dashboars Blogger.
  • Kemudian Tema / Template => Edit HTML.
  • Selanjutnya silahkan tambahkan instruksi script dibawah ini sempurna di atas kode  ]]></b:skin> Atau sanggup juga diatas instruksi </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:'';position:absolute;bottom:-3px;left:0;right:0; background:#00802b;width:20%;height:3px;}

      KETERANGAN KODE :
      Solid #99ff99                  : Untuk warna garis yang memmanjang.
      background:#00802b    : Untuk warna dipojok garis sebelah kiri yang pendek.
      font-size:120%               : Untuk mengatur besar kecilnya ukuran kata di subheading.

  • Jika sudah tamat silahkan simpan Template Sobat.

Berikut ini Cara Menerapkan Garis Warna di bawah Subheading blog

  • Silahkan anda buat artikel menyerupai biasa nya.
  • Kalua kepada menambhkan garis subheading silahkan anda block bab goresan pena mana yang akan dijadikan subheading, Seperti gambar di bawah ini, Makara nanti yang akan ada garis berwarna nya hanya goresan pena itu saja.
Cara Membuat Garis Berwarna di Bawah Subheading Blog Cara Membuat Garis Berwarna di Bawah Subheading Blog
  • Silahkan publish artikel anda dan lihat hasil akan ada garis berwarna muncul di bawah nya.
Baikalah anda semua, Mungkin itu saja yang sanggup admin terangkan tentang  Cara Membuat Garis Berwarna di Bawah Subheading Blog, Semoga artikel ini bermanfaat dan berkhasiat buat anda semua, Apabila ada yang anda kurang paham silahkan bertanya ke admin di kotak komentar, Apabila admin tak sibuk akan eksklusif admin balas, Terima Kasih.


0 comments:

Post a Comment

Blog Archive

Powered by Blogger.
.comment-content a {display: none;}