Modifikasi judul widget dan header blog

Berikut ini adalah cara memodifikasi tampilan judul widget pada blog seperti pada gambar diatas, ada banyak sekali cara untuk memodifikasi tampilan judul tersebut tapi kali ini saya akan mencoba memberikan sedikit ilmu saya ini adalah tampilan judul widget terbaru 2017 yang sering kali banyak digunakan dibanyak wesite umumnya ditahun ini.

Baiklah langsung saja kita mulai, ikuti langkah-langkah berikut ini :

1. langkah pertama tentu saudara harus masuk terlebih dahulu ke halaman blog saudara.

2. kemudian langkah kedua masuk pada "template" > "edit HTML" copykan kode script di bawah ini tepat sebelum scrip  ]]></b:skin>

#sidebar-wrapper h2 {overflow: hidden;position: relative;font-family: 'Oswald';font-size: 15px;font-weight: 500;color: #666;padding: 10px 0;text-transform: uppercase;display: block;letter-spacing: 1px;} #sidebar-wrapper h2:after {content: '';display: inline-block;position: absolute;height: 14px;top: 0;margin: 13px 0 12px 10px;width: 100%;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTdw771KB-QBTDhnhc8WXDpXU_JYKKqVNYDMe8wiRo_CPXQ1xfuXlrJCD-xrwAPqdGAczJq-p_Pza7tEMKqZFZ7TrbphZEUMYnJfijN0UsbTwz0Y-MxFvyrDG3LWPndiLo8-HJINSdtlMA/s1600/repeat-bg.png)repeat;}

#footer-wrapper h2 {overflow: hidden;position: relative;font-family: 'Oswald';font-size: 15px;font-weight: 500;color: #fff;padding: 10px 0;text-transform: uppercase;display: block;letter-spacing: 1px;} #footer-wrapper h2:after {content: '';display: inline-block;position: absolute;height: 14px;top: 0;margin: 13px 0 12px 10px;width: 100%;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTdw771KB-QBTDhnhc8WXDpXU_JYKKqVNYDMe8wiRo_CPXQ1xfuXlrJCD-xrwAPqdGAczJq-p_Pza7tEMKqZFZ7TrbphZEUMYnJfijN0UsbTwz0Y-MxFvyrDG3LWPndiLo8-HJINSdtlMA/s1600/repeat-bg.png)repeat;} #footer-wrapper ul,#footer-wrapper ol {list-style-type:none;margin:0 0 0 0;padding:0 0 0 0;}

3. Paste Scrip diatas tepat sebelum kode scrip   ]]></b:skin>

 

4. klik "simpan template" kemudian  lihat blog.

demikianlah demonstrasi bagaimana cara memmodifikasi judul widget.