Cara memasang icon pada menu navigasi Blog Template Viomagz

Konten [Tampil]

halo sobat blogger bagi kalian yang menggunakan template viomagz, dan ingin mempercantik tampilan blog kalian dengan menambahkan icon icon yang menarik. 

tentu saja kalian menginginkan kan hal itu bukan, agar pengunjung tidak bosan melihat tampilan blog kita, seperti hal nya yang kalian lihat di tampilan blog aku ini.

banyak cara agar blog terlihat menarik, salah satunya adalah dengan menambahkan beberapa pernak pernik tampilan seperti icon icon gambar logo pada menu navigasi, 

sesuai dengan judul tema menu navigasi nya. berikut ini adalah tata cara langkah-langkah menambahkan nya:

1 sebelum melakukan setingan kode html nya,yang pertama dilakukan adalah mengunjungi situs https://fontawesome.com/icons di situ silahkan kalian searching saja icon mana yang akan kalian pilih sesuai dengan tema judulnya. pilih lah yang free kalau mau yg pro juga gak apa apa.

silahkan kalian salin kode nya 

2.  setelah kalian copy code nya - masuk ke menu blogger  > tema > sesuaikan > klik edit html

     klik Ctrl F tulis </head> enter dan letakan kode di bawah ini tepat di atas </head>

<script crossorigin='anonymous' src='https://kit.fontawesome.com/e188a75150.js'/>

3. (Masih di dalam edit html) - setelah itu klik lagi Ctrl F klik dan cari </body> dan letakan juga kode css dibawah ini tepat diatas </body>

<link href='//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.0/css/fontawesome.min.css' rel='stylesheet' type='text/css'/>

4 dan letakan kode icon fontawesome di kode html menu navigasinya ,seperti contoh gambar dibawah ini

<li><a href='#'><i aria-hidden='true' class='fas fa-list fa-2x'/> SOFTWARE</a></li>

keterangan

<i aria-hidden='true' class='fas fa-list fa-2x'/> = (adalah kode icon nya )

di tambah kan fa-2x = ( adalah ukuran icon nya.)

<li><a href='#'>SOFTWARE</a></li>  = adalah kode menu navigasinya

dari beberapa kode itu digabungkan seperti contoh diatas:

5. setelah selesai semua klik simpan, dan silahkan lihat hasilnya.

Mungkin itu saja tutorial yang bisa aku bagikan kali ini, semoga kalian bisa memahami cara nya dengan mudah,

kalau masih binggung coba dipahami kembali,semoga bermanfaat sobat blogger.

Klik Spasi Hi, Aku Masboy, Suka Menulis Berbagai Macam Tutorial seputar Dunia Tekno

Share :