Trik Benar Modifikasi Style Subheading H2 Pada Postingan Blog
January 19, 2019
Add Comment
Trik Benar Modifikasi Style Subheading H2 Postingan Blog– Subheading adalahbagian yang urgen pada suatu artikel, karena bermanfaat untuk memudahkan pembaca memisahkan antara unsur dari judul dan isi. Jika sobat bosan dengan Subheading pada blog sobat yang itu-itu saja, sobat pun dapat merubahnya. Nah Pada tutorial kali ini saya bakal berbagi teknik merubah Style Subheading supaya lebih rapih dan menarik.
Dengan mengolah Style Subheading H2 pada artikel blog sobat maka pembaca bakal lebih gampang untuk mengetahui isi dalam artikel. sebab ada perbedaan tampilan artikel antara sub judul dan isi dalam tulisan berupa garis yang terdapat di bawah sub judul.
Trik merubah tampilan Subheading pada tulisan postingan lumayan mudah, bermukim menambahkan CSS pada template blog anda. Untuk teknik merubah tampilan Subheading laksana pada gambar diatas ialah sebagai berikut.
2. Salin kode inilah ini dan letakkan di atas kode “” atau “]]>”
CSS H2 Modif /
post-body h3,.post-body h4,.post-body h5,.post-body h6{
position:relative;
margin:0 0 5px;
padding:0 0 15px 0;
border-bottom:2px solid rgba(0,0,0,0.05);
letter-spacing:1px
}
.post-body h3:before,.post-body h4:before,.post-body h5:before,.post-body h6:before{
content:'';
position:absolute;
bottom:-2px;left:0;right:0;
background:#f39c12;
width:10%;
height:2px
}
Untuk mengolah warna garis bawah silahkan ganti #f39c12 dengan warna yang sobat inginkan.
3. Jika sudah berlalu Simpan Template
Untuk mengaplikasikannya di dalam postingan sobat tinggal menata Format Penulisannya di post editor.
Setelah menambahkan kode CSS di atas maka tampilan Subheading pada artikel blog menjadi laksana gambar dibawah ini.
Dari gambar diatas tampak subheading lebih rapih dan ada garis di bawahnya, sampai-sampai terlihat lebih unik dan rapih. pembaca pun bakal lebih nyaman melihatnya.
Demikianlah mengenai Trik Benar Modifikasi Style Subheading H2 Pada Postingan Blog. Semoga bisa berfungsi dan selamat mencoba terimakasih ya atas perhatiannya.
Dengan mengolah Style Subheading H2 pada artikel blog sobat maka pembaca bakal lebih gampang untuk mengetahui isi dalam artikel. sebab ada perbedaan tampilan artikel antara sub judul dan isi dalam tulisan berupa garis yang terdapat di bawah sub judul.
Trik merubah tampilan Subheading pada tulisan postingan lumayan mudah, bermukim menambahkan CSS pada template blog anda. Untuk teknik merubah tampilan Subheading laksana pada gambar diatas ialah sebagai berikut.
Trik Merubah Style Subheading H2
1. Buka HTML Editor pada menu Template Blogger anda. Template> Edit HTML2. Salin kode inilah ini dan letakkan di atas kode “” atau “]]>”
CSS H2 Modif /
post-body h3,.post-body h4,.post-body h5,.post-body h6{
position:relative;
margin:0 0 5px;
padding:0 0 15px 0;
border-bottom:2px solid rgba(0,0,0,0.05);
letter-spacing:1px
}
.post-body h3:before,.post-body h4:before,.post-body h5:before,.post-body h6:before{
content:'';
position:absolute;
bottom:-2px;left:0;right:0;
background:#f39c12;
width:10%;
height:2px
}
Untuk mengolah warna garis bawah silahkan ganti #f39c12 dengan warna yang sobat inginkan.
3. Jika sudah berlalu Simpan Template
Untuk mengaplikasikannya di dalam postingan sobat tinggal menata Format Penulisannya di post editor.
Demikianlah mengenai Trik Benar Modifikasi Style Subheading H2 Pada Postingan Blog. Semoga bisa berfungsi dan selamat mencoba terimakasih ya atas perhatiannya.
0 Response to " Trik Benar Modifikasi Style Subheading H2 Pada Postingan Blog"
Post a Comment