Cara Memasang Icon Yang Berbeda Di Setiap Judul Widget Blog

Cara memasang icon yang berbeda disetiap judul widget di blog. Untuk lebih jelasnya, silakan ikuti langkah-langkah dibawah ini.

Contoh gambar disamping: 3 widget dengan judul Total Tayangan Laman, Cari Blog ini, dan Blog archive.

---

Langkah Pertama, mencari kode id dari setiap widget yang akan diberi Icon, Caranya:

---

1. Login ke blogger, ke pengaturan template.

2. Lalu Klik edit html.

3. Setelah itu cari judul widget, Contoh: widget dengan judul Cari Blog Ini. Tekan Ctrl + F dikeyboard untuk memudahkan pencarian. Seperti gambar dibawah ini.

4. Selanjutnya copy isyarat id nya ke notepad, menyerupai gambar diatas yang diberi tanda kotak merah.

5. Dan lanjutkan mencari isyarat id dari widget yang lainnya, disini misalnya Total Tayangan Laman dan Blog archive. 

6. Kode id dari ke tiga widget diatas.

CustomSearch1
BlogArchive1
Stats1

---

Langkah Kedua, memasang isyarat icon diatas ]]></b:skin> , Caranya:

---

1. Buka Notepad tadi, kemudian tambahkan isyarat menyerupai ini,

#CustomSearch1 h2 {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9L0hX2eEFYNUOUuLG9LmlXzn4F2vbT9CYcabiUbXlGWEsT20ja89kDBQ-I-kLWvvGzj-pAq3ju9KSqzl7G57bcRRy546Ap0B3Kk-3LoIlrZVF97g93AXXhWTT3xQoU9JqROX7rpgmqGrH/s1600/32x32.jpg")no-repeat;padding:10px 0px 0px 40px;height:22px;}

#BlogArchive1 h2 {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjahl47hi_2LLh8hAN3b4csFHDkXOuF_wVNpkpys6sX_whdVIceBNej3xKi5KNP7dENxSGk9Nz4XsPa85hvD_WXacoJOpyVA5ifwxy5bNL5MhDRU5IDLYXajHOWkqDsEX_yW4uRjm7d1Nx9/s1600/DESAIN.jpg")no-repeat;padding:10px 0px 0px 40px;height:22px;}

#Stats1 h2 {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu2GG_pDKKTMeYxAOY01TdYtq4x9r6lNCgnBnrlYHVJ_cCu9DvgEBuqDrdxUA_8pqifNyIWvz2TzYYiJkdUxNDZaTeSCXKl4yI_wG3ersGI2jL54hSPFjmYvZKjOJM7lJx0IH7xXVju92v/s1600/fandra-juani.jpg")no-repeat;padding:10px 0px 0px 40px;height:22px;}

2. Selanjutnya, Copy semua isyarat yang ada di Notepad,  dan pastekan diatas ]]></b:skin>.

3. Setelah itu, save Template, Selesai.

Keterangan isyarat diatas:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9L0hX2eEFYNUOUuLG9LmlXzn4F2vbT9CYcabiUbXlGWEsT20ja89kDBQ-I-kLWvvGzj-pAq3ju9KSqzl7G57bcRRy546Ap0B3Kk-3LoIlrZVF97g93AXXhWTT3xQoU9JqROX7rpgmqGrH/s1600/32x32.jpg Kode URL dari gambar yang akan dijadikan icon.
no-repeat, gambar tidak berulang.
padding:10px 0px 0px 40px; mengatur posisi tulisan.
height:22px; tinggi.

Contoh gambar: sesudah diberi icon disetiap judul widget.

Untuk menciptakan icon sendiri, silakan baca cara menciptakan icon blog, dan cara upload dan ambil url  gambar, baca di cara upload dan ambil url gambar. Itulah sedikit cara desain blog ialah perihal cara memasang icon yang berbeda disetiap judul widget. Semoga Bermanfaat.