How to Add Full HD Favicon to Your Blogger Website in Hindi
Hello दोस्तों आज के इस आर्टिकल में हम आपको बताएंगे की आप अपनी Blogger Website में Full Hd Favicon को कैसे ऐड कर सकते है। जैसे मैने अपनी वेबसाइट में Add कर रखा है । ब्लॉगर वेबसाइट में Favicon Add करने से पहले हम जान लेते है की आखिर ये Fevicon होते क्या है?
जब भी आप अपनी कंप्यूटर के कोई भी वेब ब्राउज़र पर कोई वेबसाइट को Open करते हैं तो आपने देखा होगा की जिस ब्राउज़र में वह वेबसाइट खुला रहता है उस वेबसाइट के URL के बायीं तरफ एक छोटा सा लोगो जैसा आइकॉन होता है इसे ही Favicon कहते हैं.
Favicon के द्वारा किसी वेबसाइट को पहचानने में आसानी होती है. जैसे में Google का Favicon है इसे देखते ही आप बता सकते है की यह Google है। अगर आप अपनी वेबसाइट के Favicon का यूज करते है तो यह आपके वेबसाइट को एक Professional Look देने का काम करता है। इससे यूजर अट्रैक्शन भी बढ़ता है।
सबसे पहले आपके बनाए हुवे Favicon को Favicon.io पर Upload कर PNG को ICON में बदलकर डाउनलोड करना होगा । यह आइकन Zip में होगा इसको पहले आपको Extract करना होगा। PNG To ICON में अपलोड कर डाउनलोड करने का सबसे बड़ा बेनिफिट यही होगा यह आपके Favicon को Favicon के सही साइज और अलग - अलग फॉर्मेट में बना देता है। जिससे आपके Favicon को अपलोड करने में आसानी होगी।
इसमें डाउनलोड किए Favicon के Formate कुछ इस प्रकार होंगे। 👇👇👇
- android-chrome-192x192.png
- android-chrome-512x512.png
- apple-touch-icon.png
- favicon-16x16.png
- favicon-32x32.png
- favicon.ico
- site.webmanifest
Download किए गए Formate में से favicon-32x32.png को अपने वेबसाइट के Setting में जाकर Favicon पर क्लिक कर उस Favicon को अपलोड कर Save करना होगा। Save करने के बाद आपको और कुछ नही करना आपको बाहर आ जाना है।
उसके बाद आपको New Post पर क्लिक कर अपने Original Favicon को अपलोड करना होगा। चाहे वह कितना भी Size में बड़ा क्यों न हो। अपलोड करने के बाद पोस्ट को HTML View पर क्लिक करना होगा उसके बाद वहा से आपको इमेज का URL Copy करना होगा। इमेज का URL कुछ इस प्रकार होगा। 👇👇👇
इमेज का URL Copy करने के बाद हमने आपको HTML का कोड नीचे दिया है उसमे सारे '#' के जगह पर आपके अपने Favicon का URL पेस्ट करना होगा। पेस्ट करने के बाद अपनी वेबसाइट के <HEAD> Tag के नीचे इस HTML Code को पेस्ट करना होगा। पेस्ट करने के बाद आपको कुछ नही करना है बस इस कोड को Save करना होगा। Save करने के बाद अपनी वेबसाइट को रिफ्रेश करते ही कुछ ही सेकंड में आपका Favicon Full HD में दिखने लगेगा।
<link rel="apple-touch-icon" sizes="180x180" href="#"/> <link rel="icon" type="image/png" sizes="32x32" href="#"/> <link rel="icon" type="image/png" sizes="16x16" href="#"/> <link rel="manifest" href="#"/ >मुझे उम्मीद है कि इस आर्टिकल से आपको कुछ न कुछ Help जरूर हुआ होगा। अगर इस आर्टिकल से आपको थोड़ा सा भी हेल्प मिली है तो हमे Comment कर जरूर बताए और हा इस पोस्ट को शेयर जरूर कीजिएगा ताकि और भी लोगो को यह आर्टिकल हेल्प कर पाएं।
और हमारे Social Media Account को Follow जरूर कीजिएगा। क्योंकि इसी तरह का कंटेंट हम अपने सोशल मीडिया अकाउंट पर भी शेयर करते रहते हैं।
Instagram - Ronav RahulFacebook - Ronav Rahul
Ronav Rahul
Ronav Rahul is Co-Founder & Editorial Staff of Techirahul.me & With an Entrepreneur. He is Also a Student & Full Time Passionate Blogger.
