Sunday, May 21, 2017

Waktu Saya Jalan-jalan keliling blog-blog sebelah tidak sengaja saya melihat blog yang menurut saya cukup keren dan menarik,Yang Membuat saya tertarik adalah ketika saya melihat salah satu blog tersebut pada menu navigasi nya terdapat icon sesuai kategori yang terdapat pada blog tersebut.

Awalnya saya mengira untuk menambahkan icon pada menubar atau menu navigasi tersebut pasti sangat rumit dan membutuhkan kejelian yang sangat extra untuk memasang code-code yang menurut saya unik,Maklum dalam hal otak-atik blog saya terbilang masih newbie.

Tetapi perkiraan saya ternyata salah karena setelah saya perhatikan blog atau website tersebut ternyata menggunakan template gratisan milik arlina design.
Yaitu template Simplifly 2 yang banyak di gunakan blogger-blogger indonesia lainya.

Karena  ketertarikan saya,akhirnya saya mencoba mengotak-atik blog saya,dan ternyata Cara untuk membuat icon pada menu navigasi tersebut cukup mudah.

Img:contoh icon pada menubar blog ini

  • Pertama Silahkan Sobat Masuk ke dashboard blog sobat>>edit theme
  • kemudian cari kode ini:
    <span itemprop='name'>
    Biasanya terletak satu baris dengan Url menu sobat, untuk memudahkan pencarian silahkan tekan Ctr+F pada keyboard Sobat.
Jika sudah ketemu silahkan sobat masukan kode ini
<i class='fa fa-circle'/>
tepat di bawah atau setelah kode tersebut.

Img:Letakan kode seperti gambar ini


  • Ganti Kode yang saya Warna Merah dengan code icon yang sesuai dengan Kategori blog sobat.


Untuk mencari kode icon yang sesuai dengan blog sobat silahkan kunjungi situs ini:https://www.w3schools.com
Img:copy kode atau tulisan pada Description
Disitu Terdapat banyak icon sesuai kategori masing-masing.
pilih Icon yang sesuai keinginan sobat lalu copy kode (Description)  icon tersebut dan ganti kode yang saya warnai Merah di atas tadi dengan kode yang sudah Sobat copy.

simpan template dan lihat hasilnya. 

Comments 0