x

Blogspot Blog Par Font Awesome Ke Icons Use Kaise Kare


How to Properly Add Font Awesome Icons in Blogger : Apne blogspot blog ke design ko more effective banane ke liye hame kai jagah par icons use karne ke zaroor padti hai, font awesome ke jariye ham bas ek single stylesheet ko blog par add karke bahot sare icons use kar sakte hai.

how to properly add font awespme icons in blogger, blogspot blog par font awesone ke icons kaise use kare, blogspot tutorial in hindi, blogger tutorial in hindi


Is post me ham font awesome kya hai aur font awesome ke icons ko blogger par kaise add karte hai uske bare me detail me janenge.



Font Awesome Icon Kya Hai - Puri Jankari Hindi Me


Font Awesome bahot sare icons ki library hai, jisme Social icons, Navigation icons, Accessibility Icons, Hand Icons aur Transportation Icons etc jaise bahot sare icons mojud hai.

how to properly add font awespme icons in blogger, blogspot blog par font awesone ke icons kaise use kare, blogspot tutorial in hindi, blogger tutorial in hindi


Font Awesome ke icons ko website par use karna bahot asan hai aur use ham apni marji se customize kar sakte hai.

To chaliye ab jante hai ki font awesome ke icons ko blogspot blog par kaise use karte hai.

Font Awesome Icons Ka Use Blogger Par Kaise Kare


Step 1 : Sabse pahle apne browser me Blogger Dashboard open kare.

how to properly add font awespme icons in blogger, blogspot blog par font awesone ke icons kaise use kare, blogspot tutorial in hindi, blogger tutorial in hindi


Step 2 : Ab  Left Side Menu me Theme par click kare.

how to properly add font awespme icons in blogger, blogspot blog par font awesone ke icons kaise use kare, blogspot tutorial in hindi, blogger tutorial in hindi


Step 3 : Ab Theme me Edit HTML par click kare.

how to properly add font awespme icons in blogger, blogspot blog par font awesone ke icons kaise use kare, blogspot tutorial in hindi, blogger tutorial in hindi


Step 4 : Ab Template Editor me <head> section me </title> tag ke niche niche di gayi stylesheet add kar de.

how to properly add font awespme icons in blogger, blogspot blog par font awesone ke icons kaise use kare, blogspot tutorial in hindi, blogger tutorial in hindi


<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css' rel='stylesheet'/>

Note : Ye font awesome ke verson 4.1.0 ki stylesheet ki link hai. agar aap iske letest verson ko use karna chahte hai to aap Font Awesome ki website se link prapt kar sakte hai.

Step 5 : Ab Save Theme par click kare.

how to properly add font awespme icons in blogger, blogspot blog par font awesone ke icons kaise use kare, blogspot tutorial in hindi, blogger tutorial in hindi


in steps ko follow karne par aapke blog me font awesome ke icon ki stylesheet add ho jayegi. ab jante hai ki font awesome icons ka use kaise karte hai.

Font Awesome Icon ka use karne ke liye aap apne html editor me -

Facebook Icon ko add karna chahte hai to code kuch is tarah hoga :

<i class="fa fa-facebook" aria-hidden="true"></i>

Google Plus :

<i class="fa fa-google-plus" aria-hidden="true"></i>

Address Book :

<i class="fa fa-address-book" aria-hidden="true"></i>

Code :

<i class="fa fa-code" aria-hidden="true"></i>

Hashtag :

<i class="fa fa-hashtag" aria-hidden="true"></i>

Home :

<i class="fa fa-home" aria-hidden="true"></i>

is tarah se aap bahot sare icon ka use kar sakte hai. pure icons ki list dekhne ke liye - Font Awesome Icon List check kar sakte hai.

Also Read :

Blog Or Website Ko Google Ke First Page Par Kaise Rank Kare

22 Instant On Page SEO Techniques 2018 in Hindi


Font Awesome Ke Icons Ko Customize Kaise Karte Hai 


Font Awesome ke icons ko customize karne ke liye hame apne css code ko edit karna hoga. uske liye aap apne Blogger Template Editor me </style> tag se pahle codes add kar sakte hai. 

Yahan par ham ek example ke dwara samjenge ke font awesome ke icons ko kaise customize karte hai.

Ex. RSS Feed ke icon ka code kuch is tarah hoga.

<i class="fa fa-rss" aria-hidden="true"></i>

iske liye css code kuch is tarah hoga.

.fa .fa-rss

{

color:#ffffff; /*  For Change Color */
font-size:25px;  /*  For Change Font Size */
background:#000000;  /*  For Change Background Color */

... Add more code..

}

Ye to bas chota sa example hai, aap apni marji ke hisab se edit kar sakte hai.

Also Read :

Blog Se Paise Kaise Kamaye - 8 Best Tarike in Hindi

Affiliate Marketing Se Paise Kaise Kamaye Step By Step Guide

Blogspot Blog Par Font Awesome Ke Icons Use Kaise Kare is Blogger Tutorial in Hindi ko pura padhne ke liye aapka dhanyawad. Blogger, Blogging aur SEO se related koi bhi question ho to aap niche comment box me puchh sakte hai. Pro Blog Hindi ke sare latest updates fast pane ke liye aap hamare blog ko email id se subscribe kare ya phir hamare social media page ko follow kare.

Subscribe Now

Blogging और Seo की बेस्ट टिप्स अपने email इनबॉक्स मे पाने के लिए अपना ईमेल Adress करे Verify

About Us

Pro Blog Hindi India Blog - Blogging, Seo And Make Money Online Sikhe Hindi Me. Get Daily New Tech News, Motivation Story, Life Hackes And Best Eduction Stuf From Pro Blog Hindi. Hamare Bare Me Aur Jankari Ke Liye Click Here.

DMCA.com Protection Status

Topics