Font Awesome Icons Blogger Me Kaise add Kare

Post a Comment

Font Awesome Icons Blogger Me Kaise add Kare? हिंदी में जानें

नमस्कार दोस्तों, हिंदी टेक बुक में आपका स्वागत है। आज हम बात करने वाले हैं कि ब्लॉगर ब्लॉग में Font Awesome Icons कैसे Add करें? जब आप किसी वेबसाइट पर जाते होंगे तो आपको उस वेबसाइट में Buttons और Icons देखने को मिलते होंगे। जैसे Menu Button और Search Button इत्यादि।

बटन और आइकन को अपनी वेबसाइट में लगाने से वेबसाइट की Design आकर्षक लगने लगती है जोकि हर यूजर को पसंद होता है। Font awesome इंटरनेट पर उपलब्ध Free Icons का Collection होता है। जिसमें बहुत सारे Icons अवेलेबल रहते हैं। जिन्हें आप अपनी वेबसाइट या अपने Apps में फ्री में Use कर सकते हैं। तो चलिए शुरू करते हैं कि Font Awesome Icons Blogger Me Kaise add Kare?


Font Awesome को Blogger में कैसे Add Kare?
Font Awesome को Blogger में कैसे Add Kare?
Font Awesome को Blogger में कैसे Add Kare?

Font Awesome को Blogger में Use करना बहुत ही आसान होता है। Font Awesome नॉर्मल आइकन और बटन की तुलना में कई गुना Fast Load होता है इसलिए Ranking Increase करने के लिए भी इसका इस्तेमाल किया जाता है। जिसकी वजह से लगभग सभी Developers अपनी वेबसाइट या एप्स में इसका यूज करते हैं। Font Awesome के Collection में आपको लगभग सारी Category के Icon मिल जाते हैं, जो Absolutely Free होते हैं। फॉन्ट ऑसम ऑइकन को आप बहुत ही आसानी से Customize कर सकते हैं।


और पढ़ें:

Blogger Mein JQuery Kaise Add Kare


Blogger Blog Me 404 Page Not Found Error Fix Kaise Kare


Blogger Post Me Publish Date Kaise Change Kare 2023 Me


Blogger Me Font Awesome Icon Kaise Lagaye

Blogger में Font Awesome Icon को लगाने के लिए आपको ज्यादा दिमाग लगाने की जरूरत नहीं है। आप एक छोटे सी Script का यूज करके ब्लॉगर में Font Awesome Icon लगा सकते हैं। तो चलिए जानते हैं Blogger Blog में Font Awesome Icon लगाने का तरीका Step By Step करके।


Font Awesome को ब्लॉगर में Add करने का तरीका

  • Blogger में Font Awesome को Install करने के लिए सबसे पहले अपने ब्लॉगर के डैशबोर्ड में जाएं।


  • ब्लॉगर डैशबोर्ड में जाने के बाद Theme के ऑप्शन पर क्लिक करें।
    Click On Theme
    Click On Theme


  • इसके बाद Customize Button के नीचे Dropdown Button पर क्लिक करें।
    Click On Dropdown Arrow
    Click On Dropdown Arrow


  • अब Edit HTML के ऑप्शन पर क्लिक करें जिससे ब्लॉगर का Template Editor ओपन होगा। Edit HTML पर क्लिक करने से पहले टेंपलेट का बैकअप जरूर लें।
    Click On Edit HTML
    Click On Edit HTML


  • अब Blogger Template में <head> को सर्च करें।
    Paste Your Code Here
    Paste Your Code Here


  • अब नीचे दिया हुआ कोड कॉपी करें और <head> के जस्ट नीचे पेस्ट कर दें।


  • इसके बाद Three Dots पर क्लिक करके Save के बटन पर क्लिक करें।


अब आपके Blogger Blog में Font Awesome Icon सफलतापूर्वक Install हो गया है। अब आप किसी भी Icon के HTML Code की Setting को Adjust करके अपने ब्लॉगर ब्लॉग में कोई भी Icon लगा सकते हैं।


Font Awesome Code For Blogger

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/font-awesome.min.css">


यह भी पढ़ें:

Bing Webmaster Tool Me Blog Ko Submit Kaise Kare


Google Search Console Me Apni Website Kaise Jode


Blogger Mein Automatic Table Of Contents Kaise Banaye


Blogger Ke Liye Google Analytics Id Kaise Banaye


Blogger Me Font Awesome Icons Ko Use Kaise Kare?

आप अपने ब्लॉगर ब्लॉग में जहां कहीं भी Icon लगाना चाहते हैं वहां पर आपको उस Icon के HTML Code को पेस्ट करना होगा। जैसे यदि आप अपनी वेबसाइट के Sidebar में Whatsapp का आइकन लगाना चाहते हैं उसके लिए आपको Whatsapp Icon का HTML Code पेस्ट करना होगा। व्हाट्सएप आइकन का एचटीएमएल कोड fa fa-whatsapp है। इसे आप जहां भी लगाना चाहते हैं वहां पर आपको <i class="fa fa-whatsapp"></i> का Use करना होगा।


Font Awesome Icons की Style कैसे बदलें?

Font Awesome की Style यानी Font Awesome Icon के Color और Size को बदलने के लिए आपको नीचे दिए गए Example को फॉलो करना पड़ेगा।


Font Awesome Icon का Color कैसे बदलें?

Font Awesome के आइकन के Color को बदलने के लिए आपको Color Property का यूज करना पड़ेगा। जैसे यदि आप Blogger में फॉन्ट ऑसम के आइकन को Blue Color में करना चाहते हैं तो नीचे दिए गए Exmaple को फॉलो करें:

<i class="fa fa-whatsapp" style="color: blue"></i>

Blue की जगह अपनी पसंद का आप कोई भी कलर ले सकते हैं।


Font Awesome Icon की Size कैसे बदलें?

फॉन्ट ऑसम के आइकन की साइज को बदलने के लिए आपको Font-Size Property का यूज करना पड़ेगा। जैसे यदि आप Blogger में Font Awesome Icon की Size को 25px रखना चाहते हैं तो नीचे दिए गए उदाहरण को फॉलो करें:

<i class="fa fa-whatsapp" style="font-size: 25px"></i>

25px की जगह आप कोई भी Size लगा सकते हैं।

कुल मिलाकर यदि आप Font Awesome Icon की Size को 25px और Blue Color का बनाना चाहते हैं तो उसके लिए इस उदाहरण को फॉलो करें:

<i class="fa fa-whatsapp" style="font-size: 25px; color: blue;"></i>


Font Awesome Icons को Button में कैसे लगाएं?

यदि आप Font Awesome Icons को किसी बटन में लगाना चाहते हैं तो नीचे दिए गए Example को फॉलो करें:

<button style="font-size:25px; color: blue">Button <i class="fa fa-whatsapp"></i></button>.


और पढ़ें:

5 Best Stylish Popular Posts Widget For Blogger Blog In 2023


Domain name kaise kharide


How To Add Custom Domain To Blogger GoDaddy 2023


Conclusion

आज के पोस्ट में हमने सीखा कि Font Awesome Icons Blogger Me Kaise add Kare? यदि आपको यह पोस्ट अच्छी लगी हो तो कृपया कमेंट करके हमें जरूर बताएं और सोशल मीडिया पर अपने दोस्तों के साथ भी शेयर करें। Blogging से Related अन्य सवाल भी कमेंट करके पूछ सकते हैं।

धन्यवाद!

Related Posts

Post a Comment