2012-05-21 12 views
6

जैसा कि stackoverflow.com के शीर्षक के साथ लोगो है, यह किसी भी सामान्य साइट के लिए कैसे किया जा सकता है? इसके लिए किस कोड की आवश्यकता है?एचटीएमएल पेज के शीर्षक के साथ लोगो कैसे सम्मिलित करें?

+0

इसी प्रकार का प्रश्न यहां: http://stackoverflow.com/questions/4888377/how-to-add-a-browser-tab-icon-favicon-for-a-website – J0ANMM

उत्तर

14

आप favicon की चर्चा करते हुए कर रहे हैं?

अपनी साइट पर 16x16px ico अपलोड करें, और इसे अपने head अनुभाग में लिंक करें।

<link rel="shortcut icon" href="/favicon.ico" /> 

ऐसी कई साइटें हैं जो छवियों को .ico प्रारूप में कनवर्ट करने में आपकी सहायता करती हैं। यह Google पर मैंने देखा पहला यह है। http://www.favicon.cc/

0

इसे एक फेविकॉन कहा जाता है। यह इस तरह से डाला जाता है:

<link rel="shortcut icon" href="favicon.ico" /> 
0

<head> अनुभाग में रखने के इस:

<link rel="icon" href="http://www.domain.com/favicon.ico" type="image/x-icon" /> 
<link rel="shortcut icon" href="http://www.domain.com/favicon.ico" type="image/x-icon" /> 

तस्वीर "favicon.ico" नाम की फ़ाइल रखें। एक .ico फ़ाइल जेनरेटर प्राप्त करने के लिए आपको ऑनलाइन देखना होगा।

1

हाँ आप सही हैं और मैं बस इसे पूर्ण शुरुआती लोगों के लिए समझना चाहता हूं।

  1. favicon.ico फ़ाइल बनाएं जो आप ब्राउज़र टैब में अपने यूआरएल के बगल में दिखाना चाहते हैं। आप वह ऑनलाइन कर सकते हैं। मैंने का इस्तेमाल किया, यह ठीक से काम करता था।
  2. favicon.ico नाम के तहत अपनी वेबसाइट रूट निर्देशिका/छवियों (yourwebsite/छवियों) में जेनरेट की गई ico फ़ाइल सहेजें।
  3. इस टैग को कॉपी करें <link rel="shortcut icon" href="images/favicon.ico" /> और इसे <head> खोलने और </head> बंद करने के बीच में किसी भी बदलाव के बिना इसे पिछले करें। मैं आमतौर पर इसे <title> टैग से ऊपर रखता हूं। लेकिन यह एक नियम नहीं है।
  4. अपनी एचटीएमएल फाइल में बदलाव सहेजें और अपने ब्राउज़र को फिर से लोड करें।