How To Add Icon On Website Navigation Menu Bar

3
131 views

Kya ap jante blog categories menu bar me icon kaise add kare. How to add icon on blogger categories using font awesome icon. is post me ham isi topic par baat karne wale hai.

Blog website ke templete me waise to phale se hi categories menu bar ko design kiya huwa hota hai. Lekin categories me icon add nhi hote hai. To agar aap apne blog ke side bar me custom category banakar add karna chate hai.

To me apko kuch simple coding bataunga jisse bahut assni se blogger categories menu bar me icon add kar payenge ar custom Categories Banana bhi sik jayenge.

 

add icon on categories menu bar

WordPress per menu categories banana bahut esay hai. Lekin blogger me thoda deficult hai. Lekin agur apko basic coding ka pata hai . To simply ek best categories menu bar tayar kar skate hai.

Lekin agar aap html, css coding ke bare me jayda pata nhi hai. to apko kuch simple step batane ja rha hu jisse aap assani se blogger categories menu bar me icon bhi add kar payenge.

Me apko yeah categories menu bar banane ke do traike bataunga jinko follow karke aap sidebar categories bana skate hai.

Blog Me Categories menu bar me icon kaise add kare.

Step 1.

  1. Sabse phale apne blogger ke dashboard ke layout per click kare.
  2. Aab sidebar me add Gadget per click kare.
  3. Ab apko link list per click karna hai.
    Link list per click kare

Step 2.

  1. ab apki new window open hogi.
  2. Sabse phale Title me Categories type kare.
  3. New site name me apne label ka Name add kare.
  4. New site url per apne label ka link add kare.
  5. Is trah se ek bar sabhi label bana le.



Step 2.
Ab apko sabhi categories me icon ka code add karna hai. uske liye niche diye gaye step ko follow kariye.

  1. Edit box per click kare..
  2. ab phale wale box me icon code ko paste kar de.
  3. ab save button per click karke agale label ka icon code add kare.
  4. Finally ab window ko save kar de.

Icons ke code ki internet per bahut sari website hai. Icon code liye sabse best website Fontawesome.com hai. is site per visit karke icon ka code copy karke edit per click karke pahle wale box me add kare. Iss trah se categories menu bar tayar kar skate hai.

 

Html Coding Sidebar Categories Menu bar kaise banaye.

html code se categories menu banana bahut essay hai. to chaliye jante hai. html coding se categories menu bar kaise banaye.
Step 1.

  1. Sabse phale apne blogger ke layout per click kare.
  2. Ab side bar me add Gadget per click kare.
  3. Ab HTML/javascript per click kare.
  4. Ab new window diye gaye html code ko add kar de.

<div class=”my”> <i class=”fa fa-google-wallet”></i>     <a href=”Paste here link“>Adsense</a> <hr /> <i class=”fa fa-android”></i>      <a href=”Paste here link”>Android</a> <hr /> <i class=”fa fa-bold”></i>      <a href=”Paste here link”>Blogger</a> <hr /> <i class=”fa fa-wordpress”></i>      <a href=”Paste here link”>Wordpress</a> <hr /> <i class=”fa fa-facebook”></i>       <a href=”Paste here link”>Facebook</a> <hr /> <i class=”fa fa-paypal”></i>      <a href=”Paste here link”>Paytm</a> <hr /> <i class=”fa fa-youtube”></i>      <a href=”Paste here link”>Youtube</a> <hr /> <i class=”fa fa-whatsapp”></i>      <a href=”Paste here link”>Whatsapp</a> <hr /> <i class=”fa fa-sort”></i>       <a href=”Paste here link”>Social Media</a> <hr /> <i class=”fa fa-envelope”></i>      <a href=”Paste here link”>Gmail</a> <hr /> <i class=”fa fa-instagram”></i>      <a href=”Paste here link”>Instagram</a> <hr /> <i class=”fa fa-mobile”></i>        <a href=”Paste here link”>IPhone</a> <hr /> <i class=”fa fa-desktop”></i>     <a href=”Paste here link”>Computer</a> </div>

Customization .

  1. Paste your link ki jagah per apne label categories ka link paste kare.
  2. Aur agar kisi other type ki Categories apke blog website me me hai. To apko uska code add karna hai.
  3. Categories ka name change link ke bad wale word per kar skate hai.

i hope aap blog categories menu bar kaise banate hai. ache se samjh aha gaya hoga.

To is article ko social media per jarur share kare aur agar apka khoi sawal hai. to hame comment karke puch skate hai.

Aur hamare website se junde k liye .newsletter ko subscribe kare.

Read Most :-

 

3 COMMENTS

LEAVE A REPLY

Please enter your comment!
Please enter your name here