Cara Menambah Icon Pada Menu di Blogspot

Assalamu’alaikum wr wb. Hai sobat Gopensil, Alhamdulillah pada kesempatan di pagi ini saya masih diberi kesempatan untuk berbagi tips dan trik sederhana dunia Blogging.

Pada kesempatan ini saya ingin melanjutkan artikel tentang Cara Memberi Ikon pada Menu di WordPress

Untuk tata caranya nggak jauh berbeda dengan memberi ikon pada menu di wordpress. Hanya saja mungkin lebih mudah di wordpress jika dibandingkan dengan blogspot.

Nah berikut ini adalah tata cara memberi ikon pada menu di blogspot

Langkah Pertama

Masuk ke Dasboard Blogger (Blogspot) kemudian pergi ke menu Theme kemudian Edit HTML seperti gambar dibawah ini.

Cara Menambah Ikon di Menu Blogspot

Langkah Kedua

Setelah masuk ke Edit HTML langkah selanjutnya adalah mengcopy kode dibawah ini dan letakkan diantara menu <head>….</head> kemudian jangan lupa untuk di Save

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

Langkah Ketiga

Kemudian langkah selanjutnya adalah, mencari kode menu yang akan di beri Ikon di blogspot. Misalnya seperti pada blog mamiko.web.id dibawah ini:

Untuk menambahkan ikon pada menud i Blogspot, caranya adalah masuk ke menu Theme kemudian pilih Edit HTML kemudian tekan CTRL + F pada keyboard dan ketikkan Nama menu yang akan di beri Ikon.

Misalkan pada contoh disini saya menggunakan menu Islami untuk diberi ikon Love.

Nah kalau sudah ketemu nama menu yang ingin diberi ikon, maka langkah selanjutnya adalah pergi ke alamat website ini https://fontawesome.bootstrapcheatsheets.com/ untuk mencari ikon yang sesuai dengan nama menu sobat.

Misal saya mencari ikon Heart (Love), untuk mempermudah pencarian klik menu search dan ketikkan nama ikon yang sesuai, setelah itu copy kodenya

Setelah code HTML Tag nya di copy, kembali ke menu Theme -> Edit HTML dan letakkan kode ikonnya didepan nama menunya seperti dibawah ini :

Nah setelah itu jangan lupa untuk di Save.

Kemudian refresh halaman blogspot sobat, maka ikon pada menunya akan muncul.

Penutupan

Nah itulah tips sederhana tentang cara memberi ikon pada menu di blogspot.

Semoga bermanfaat dan terima kasih telah berkunjung ke blog Gopensil :v

Leave a Reply

Your email address will not be published. Required fields are marked *