Skip to main content

Cara Membuat Icon di Menu Blog

Cara Membuat Icon di Menu Blog - Pada postingan kali ini saya akan membagikan cara mudah menambahkan atau memasang icon pada menu navigasi blog dengan menggunakan font awesome.

Ikon font awesome ini biasanya diletakkan di samping kiri pada menu-menu blog atau biasa juga diletakkan hanya link ikon saja sebagai tombol sosial media. Tujuan penggunaan icon ini adalah untuk memperindah tampilan blog dan lebih memudahkan pembaca untuk melihat menu-menu navigasi yang ada.

Sebelum kita melangkah pada tutorial sebaiknya ada anda harus tau dulu dimana letak menu bar/ menu navigasi pada blog anda. Untuk pemasangan font awesome pada blog, saya rasa template jaman sekarang sudah menerapkan kode untuk font awesome. Oleh karena itu mari kita simak baik-baik tutorial berikut.

Cara Membuat Icon di Menu Blog

1. Buka Blog anda > Hapus terlebih dahulu menu navigasi yang sebelumnya sudah ada > Kemudian ganti dengan kode ini:

<li><a class='ripplelink' href='#'><i aria-hidden='true' class='fa fa-home'/> Home</a></li>

-Ubah Kode # dengan URL Blog anda

-Ubah Home dengan Nama Menu anda<.p>

-Ubah fa fa-home dengan kode icon lain

2. Untuk mengganti icon lain, kalian tinggal mengganti saja kode fa fa-home dengan icon-icon yang ada disini: Font Awesome.

3. Caranya pilih salah satu icon yang anda inginkan, kemudian salin saja kode seperti yang saya tandai ini:

4. Jika sudah tinggal Simpan Tema saja

Cara Memasang Hanya Icon Saja pada Menu Blog

Jika anda hanya ingin membuat atau memasang hanya icon saja menu blog, misalnya untuk membuat icon sosial media dan secara otomatis terbuka pada tab baru, maka gunakan kode ini:

<li><a class='ripplelink' 
href="#" rel="nofollow noopener" target="_blank" title='Facebook'><i class="fa fa-facebook"></i>

Jika ingin membuat Ukuran Icon menjadi Besar maka tambahkan fa-2x disamping kode icon, misalnya seperti ini:

<li><a class='ripplelink' 
href="#" rel="nofollow noopener" target="_blank" title='Facebook'><i class="fa fa-facebook fa-2x"></i>

Cukup sekian tutorial Cara Memasang Icon di Menu Blogger, semoga dengan artikel ini dapat bermanfaat bagi anda, Terimakasih.

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar