Tidak hanya sekedar itu, menu navigasi yang unik dan menarik akan membuat mata pengunjung tertarik dan ter-arahkan untuk melihat postingan apa saja yang ada di dalamnya. pada tutorial kali ini saya akan memberikan tips, yaitu bagai mana cara memasukan icon kedalam judul / menu navigasi.
Cara yang di lakukan :
Sebelumnya anda melakukan pngerjaannya, tentukan dulu menu navigasi apa yang akan anda tambahkan icon di samping menu tersebut, misalkan saya kasih contoh, saya akan memasukan icon kedalam menu navigasi ( SIMDIG ) .caranya adalah :
Seperti biasa kita masuk dulu ke dalam Dashboard blogger > pilih tema > pilih edit HTML,
Setelah masuk perhatikan code yang ada di dalam edit HTML, dan cari dengan cara Ctrl + F nama dari menu SIMDIG.
Setelah ketemu, kita lakukan cara untuk memasukan iconnya,
Buka dulu situ ini : fontawesome.io
setelah masuk ke situsnya pilih menu icon :
Kemudian cari icon mana yang anda sukai , misal saya disini memilih icon > Brand icons > windows
Setelah di click akan muncul tampilan seperti berikut :
Kemudian Copikan code yang saya tandai kotak merah tersebut , codenya seperti berikut :
<i class="fa fa-windows" aria-hidden="true"></i>
Balik lagi ke Edit HTML , copikan kode di atas sebelum Simdig</a> seperti contoh berikut :
Sebelum :
<li><a href='https://simple-tutors.blogspot.co.id/search/label/Pelajaran'> Simdig</a></li>
Sesudah :
<li><a href='https://simple-tutors.blogspot.co.id/search/label/Pelajaran'><i class="fa fa-windows" aria-hidden="true"></i> Simdig</a></li>
text berwarna merah merupakan tambahan codenya
supaya ada jarak antara icon dan judul navigasi maka kita kasih spasi antara </i> dan judul
Untuk memperbesar dan memperkecil icon bisa menggunakan tambahan fa-lg, fa-2x s/d fa-5x stelah nama icon di code
Setelah selsai simpan tema dan lihat hasilnya..
Selamat mencoba, apabila tidak berjalan silahkan comment di bawah ..
Terimkasih telah menyimak tutorial mengenai " Cara Memasukan Icon Ke dalam Judul Navigasi "
0 Response to "Cara Memasukan Icon Ke dalam Judul Navigasi"
Post a Comment