Memasang Icon Pada Judul Sidebar di Blog

Salah satu tips dan trik untuk mempercantik penampilan blog ialah dengan menambahkan icon pada judul sidebar. Hal ini sebenarnya dilakukan oleh para blogger karena tampilan standar yang diberikan oleh blogger kurang memuaskan.

Jadi bagi sobat yang ingin menambahkan icon di samping judul sidebar pada blognya ikuti langkah-langkah berikut ini.

1. Login ke blogger atau klik disini»
2. Pilih Template » Edit Html » Lanjutkan.
3. Jangan lupa centang Expand Template Widget.
4. Cari code yang mirip seperti di bawah ini dan fokuskan pencarian pada code yang berwarna merah.

h2 {margin : 0 0 10px;
border-bottom : 2px dotted #ccc;
font-family:arial, serif;
font-size : 19px;
color : #000;

Baca Juga Artikel Menarik Lainnya :

• Cara Mengirim Sitemap Ke Webmaster Tool Google
• Cara Memasang Menu Navigasi di Blog
• Penggunaan Font Awesome Terbaru Versi 4.3.0

}4. Hapus code yang berwarna biru dan ganti dengan code berwarna biru ini 

h2 {background:url(http://icons.iconarchive.com/icons/dakirby309/windows-8-metro/32/Folders-OS-Android-Metro-icon.png) left no-repeat;
margin : 0 0 10px;
padding:0 0 0 25px;
border-bottom : 2px dotted #ccc;
font-family : Arial, Helvetica, sans-serif;
font-size : 15px;
color : #000;
}

Catatan:

• Ganti tulisan yang berwarna Orange dengan URL icon sobat.

5. Simpan/save template. Maka hasilnya akan nampak seperti gambar di bawah ini.