Cara Mengganti Tulisan Home Menjadi Icon/Gambar

Dari beberapa template yang ada mungkin banyak yang sudah menggunakan icon/gambar pada home di menu pada header. Akan tetapi mungkin kurang sesuai dengan yang kita inginkan atau kita sukai. Misalnya saya menemukan template yang cocok atau sesuai dengan keinginan hati, akan tetapi menu home pada header masih menggunakan tulisan home. Padahal menurut saya lebih keren kalau menggunakan icon/gambar. Itu menurut saya,,,

Untuk itu saya mau berbagi bagaimana cara mengubah atau mengganti tulisan Home pada menu header dengan Icon/Gambar. Kita dapat mengganti icon/gambar home sesuai dengan keinginan kita, caranya pun sangat mudah. Mungkin para blogger sudah banyak yang posting cara ini, akan tetapi untuk para pemula kadang susah mengikuti atau kebingungan dengan cara yang mereka sampaikan.

Bagi yang tertarik bisa mengikuti cara yang akan saya sampaikan karena akan dengan mudah dipahami. Langsung saja ya,,,

1. Login ke dasbor blog
2. Buka menu template
3. Pilih Edit HTML

4. Cari kode seperti di bawah ini

Lebih jelasnya <li><a href='/'>Home</a></li>
( tekan ctrl+f agar lebih mudah untuk mencari )

5. Ganti Kode seperti berikut ini

<li><a href='http://danangkudus.blogspot.com/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgHwF4XrP8aHO_fEWWJIfYYyMZL6BICCzTX0jWKjkB2LWTEfsVWYvPUk9k-wtbxfvB7lMeD7CHqxLbKz0nCZeZcB7fgaWs2hDB_nZtcGshTxYxvGPnr5o9yUSH9qfsXBp6QZS9hbjG9aU/s1600/home-icon1.png' style='padding:0px;height:30px;widht:30px'/></a></li>

NB.
- Ganti tulisan yang berwarna merah dengan URL blog anda
- Anda dapat mengganti tulisan yang berwarna biru dengan Alamat gambar yang anda simpan.
  Caranya
  a. Buka menu Laman
  b. Entri baru kemudian upload icon/gambar ( Anda bisa cari icon/gambar di google )
  c. Klik kanan gambar lalu pilih Copy link location
     

 

  d. Paste pada tulisan yang berwarna biru.

- Anda dapat menyesuaikan 30px untuk tinggi dan 30 px untuk lebar 

6. Simpan Template

Semoga bermanfaat,,,

Tweet