Cara Membuat Garis Di Bawah Subheading
Subheading merupakan sebuah keywords turunan dari judul postingan, membuat garis berwarna dibawah subheading akan memberikan manfaat kepada pembaca bahwa pokok artikel pembahasan di beri tanda baca yang berbeda, selain memberikan garis berwarna yang keren sebuah keywords turunan juga salah satu bagian dari SEO
Nah dipostingan kali ini saya akan menuliskan sebuah tutorial membuat garis subheading, ada beberapa manfaat yang didapat dari hal sederhana seperti ini, diantaranya pembaca tidak akan bosan karena jenis tulisan yang lempeng-lempeng saja
Karena subhedaing merupakan salah satu keywords turunan yang bermanfaat untuk SEO jadi tidak ada salahnya kita meberikan sebuah tanda garis berwarna dibawahnya, untuk contoh tampilanya silahkan lihat gambar dibawah ini
Demo bisa Anda lihat gambar diatas dan juga subheading di bawah ini. Langsung saja mari kita berlanjut ke tutorial cara pembuatanya
Pertama → Loging blogger
Pilih menu tema
Klik edit HTML
Copy paste kode dibawah ini kemudian letakkan di atas kode ]]></b:skin> atau diantara kode CSS pada template blog kalian
/* Garis Bawah Subheading */
.post-body h3,
.post-body h5,
.post-body h6{position:relative;margin:0 0 10px;padding:10px 0;border-bottom:2px solid #e0e0e0;font-weight:500;letter-spacing:0}
.post-body h3{font-size:140%;}
.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:-2px;left:0;right:0;background:#138be6;width:7%;height:2px;}
Kemudian simpan dan selesai, untuk mengubah warna sesuai selera Anda, dan sesuai tema blog yang Anda gunakan ubah kode warna berikut ini
solid #e0e0e0 : merupakan warna garis yang memanjang
background:#138be6 : sedangkan warna background adalah warna di pojok garis sebelah kiri
font-size:140% : dan untuk ini adalah tempat Anda mengatur ukuran besar kecilnya kata-kata subhedaing
Kemudian cara untuk penerapan atau pembuatanya didalam postingan sangatlah mudah Anda hanya perlu slase kata-kata yang mau dijadikan sebuah subhedanging kemudian pilih menu diatas postingan sebagai subhedaing, lebih jelasnya lihat gambar di bawah ini
Baca disini : Jasa pembuatan blog murah siap pakai
Silahkan sesuaikan dengan keinginan, jangan lupa dengan warna tema blog yang Anda gunakan buatlah supaya lebih menyatu dan enak dilihat. Nah itulah pengalman saya membuat garis berwarna yang berada dibawah subheading, mudah-mudhan bermanfaat.
Nah dipostingan kali ini saya akan menuliskan sebuah tutorial membuat garis subheading, ada beberapa manfaat yang didapat dari hal sederhana seperti ini, diantaranya pembaca tidak akan bosan karena jenis tulisan yang lempeng-lempeng saja
Karena subhedaing merupakan salah satu keywords turunan yang bermanfaat untuk SEO jadi tidak ada salahnya kita meberikan sebuah tanda garis berwarna dibawahnya, untuk contoh tampilanya silahkan lihat gambar dibawah ini
Demo bisa Anda lihat gambar diatas dan juga subheading di bawah ini. Langsung saja mari kita berlanjut ke tutorial cara pembuatanya
Berikut cara saya membuat garis berwarna di bawah subheading
Pertama → Loging blogger
Pilih menu tema
Klik edit HTML
Copy paste kode dibawah ini kemudian letakkan di atas kode ]]></b:skin> atau diantara kode CSS pada template blog kalian
/* Garis Bawah Subheading */
.post-body h3,
.post-body h5,
.post-body h6{position:relative;margin:0 0 10px;padding:10px 0;border-bottom:2px solid #e0e0e0;font-weight:500;letter-spacing:0}
.post-body h3{font-size:140%;}
.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:-2px;left:0;right:0;background:#138be6;width:7%;height:2px;}
Kemudian simpan dan selesai, untuk mengubah warna sesuai selera Anda, dan sesuai tema blog yang Anda gunakan ubah kode warna berikut ini
solid #e0e0e0 : merupakan warna garis yang memanjang
background:#138be6 : sedangkan warna background adalah warna di pojok garis sebelah kiri
font-size:140% : dan untuk ini adalah tempat Anda mengatur ukuran besar kecilnya kata-kata subhedaing
Kemudian cara untuk penerapan atau pembuatanya didalam postingan sangatlah mudah Anda hanya perlu slase kata-kata yang mau dijadikan sebuah subhedanging kemudian pilih menu diatas postingan sebagai subhedaing, lebih jelasnya lihat gambar di bawah ini
Baca disini : Jasa pembuatan blog murah siap pakai
Silahkan sesuaikan dengan keinginan, jangan lupa dengan warna tema blog yang Anda gunakan buatlah supaya lebih menyatu dan enak dilihat. Nah itulah pengalman saya membuat garis berwarna yang berada dibawah subheading, mudah-mudhan bermanfaat.
