Cara Membuat Icon di Menu Blog - Pada postingan kali ini aku akan membagikan cara gampang menambahkan atau memasang icon pada sajian navigasi blog dengan memakai 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 ialah 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 sajian bar/ sajian navigasi pada blog anda. Untuk pemasangan font awesome pada blog, aku rasa template jaman kini sudah menerapkan instruksi untuk font awesome. Oleh alasannya ialah itu mari kita simak baik-baik tutorial berikut.
Cara Membuat Icon di Menu Blog
1. Buka Blog anda > Hapus terlebih dahulu sajian navigasi yang sebelumnya sudah ada > Kemudian ganti dengan instruksi 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 instruksi icon lain
2. Untuk mengganti icon lain, kalian tinggal mengganti saja instruksi fa fa-home dengan icon-icon yang ada disini: Font Awesome.
3. Caranya pilih salah satu icon yang anda inginkan, lalu salin saja instruksi ibarat yang aku tandai ini:
4. Jika sudah tinggal Simpan Tema saja
Cara Memasang Hanya Icon Saja pada Menu Blog
Jika anda hanya ingin menciptakan atau memasang hanya icon saja sajian blog, contohnya untuk menciptakan icon sosial media dan secara otomatis terbuka pada tab baru, maka gunakan instruksi ini:
<li><a class='ripplelink' href="#" rel="nofollow noopener" target="_blank" title='Facebook'><i class="fa fa-facebook"></i>Jika ingin menciptakan Ukuran Icon menjadi Besar maka tambahkan fa-2x disamping instruksi icon, contohnya ibarat 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, biar dengan artikel ini sanggup bermanfaat bagi anda, Terimakasih.
Sumber http://www.analisyuki.com/
