ad header

How To Add Browser Shortcut Logo/Icon In Your Website/Blog [English/Hindi/Urdu]

In English

When someone visits your website multiple times then browser create a Shortcut Of Your Website on his homepage as the users can easily go to your website.
You can also see this type of icon and name of the website on homepage that you visit multiple times.
How To Add Browser Shortcut Logo/Icon In Your Website/Blog
In above image you can see an example of SHORTCUT ICON/LOGO.
In the image some of the Shortcut have image as icon while some of the Shortcut have first letter of the website as icon.
The shorcuts have image as an icon are look beautiful than another one.

To add this type of icons to your website, you have to add some codes in your website's HTML.

How to add:-
For Bloggers
1. Go To Your Blogger Dashboard.
2. Select That Blog In Which You Want To Add Code.
3. Click On Theme Section.
4. Click On Edit HTML.
5. Just After <Head> Tag, Add The Code Given Below.

For Website Owner
Directly Go To The Source Code Of Your Website And Paste The Code Just After <Head> Tag.

<link href='URL Of Your Image' rel='shortcut icon'/>
<link href='URL Of Your Image' rel='icon' type='image/png'/>

<link href='URL Of Your Image' rel='apple-touch-icon' size='180×180'/>



In Hindi/Urdu

जब कोई व्यक्ति आपकी वेबसाइट पर कई बार विजिट करता है तो ब्राउजर उसके होमपेज पर आपकी वेबसाइट का एक शॉर्टकट बनाते हैं ताकि उपयोगकर्ता आसानी से आपकी वेबसाइट पर जा सकते हैं।

आप भी होमपेज पर इस प्रकार के आइकन और वेबसाइट का नाम देख सकते हैं।

उपरोक्त चित्र में आप शॉर्टकट आइकॉन/लोगो का एक उदाहरण देख सकते हैं।
छवि में कुछ शॉर्टकट आइकन के रूप में चित्र है जबकि कुछ शॉर्टकट में वेबसाइट के आइकन के रूप में पहला अक्षर है।

शॉर्टकट के रूप में चित्र एक आइकन के रूप मे दूसरे से सुंदर दिखते हैं।

अपनी वेबसाइट पर इस प्रकार के लोगो जोड़ने के लिए, आपको अपनी वेबसाइट के HTML में कुछ कोड जोड़ना होगा।

कैसे जोड़ना है:-

ब्लॉगर के लिए
1. अपने ब्लॉगर डैशबोर्ड पर जाएं।

2. वह ब्लॉग चुनें, जिसमें आप कोड जोड़ना चाहते हैं।

3. थीम अनुभाग पर क्लिक करें।

4. Edit HTM पर क्लिक करें।

5. इस के बाद <head> टैग के नीचे दी गई कोड जोड़ें।

वेबसाइट ओनर के लिए

सीधे अपनी वेबसाइट के सोर्स कोड पर जाएं और  <Head> टैग के बाद कोड को ऐड करें।


<link href='URL Of Your Image' rel='shortcut icon'/>
<link href='URL Of Your Image' rel='icon' type='image/png'/>
<link href='URL Of Your Image' rel='apple-touch-icon' size='180×180'/>