ब्लॉगर के साथ फेसबुक कैसे जोड़ें (चित्रों के साथ)

अपने ब्लॉगर (ब्लॉगस्पॉट (ब्लॉगस्पॉट (ब्लॉगस्पॉट) में क्लिक करने योग्य फेसबुक "जैसे" बटन जोड़ें.कॉम) वेबसाइट. जैसे बटन कॉन्फ़िगरेटर में बटन बनाने के बाद, आपको अपने ब्लॉगर डैशबोर्ड में कोड के दो बिट्स कॉपी और पेस्ट करने की आवश्यकता होगी, जिससे संगतता के लिए एक त्वरित संपादन हो.

कदम

3 का भाग 1:

एक प्रकार का बटन बनाना

1. के लिए जाओ https: // डेवलपर्स.फेसबुक.कॉम / डॉक्स / प्लगइन्स / पसंद-बटन. आप किसी भी आधुनिक वेब ब्राउज़र, जैसे क्रोम या सफारी का उपयोग कर सकते हैं.

शीर्षक वाली छवि ब्लॉगर चरण 2 की तरह जोड़ें

2. बटन कॉन्फ़िगरेटर की तरह नीचे स्क्रॉल करें. यह पृष्ठ के तीसरे खंड में है.

शीर्षक वाली छवि ब्लॉगर चरण 3 की तरह जोड़ें

3. अपने ब्लॉग का पता "यूआरएल पसंद" बॉक्स में दर्ज करें.

छवि शीर्षक वाली छवि ब्लॉगर चरण 4 की तरह जोड़ें

4. "चौड़ाई" बॉक्स में अपनी वांछित प्लगइन चौड़ाई दर्ज करें. अधिकांश ब्लॉगर उपयोगकर्ता इस बॉक्स को खाली छोड़ सकते हैं, क्योंकि डिफ़ॉल्ट चौड़ाई (450 पीएक्स) ठीक काम करता है. ध्यान दें कि यह पूरी प्लगइन की चौड़ाई है, जैसे बटन स्वयं ही नहीं.

शीर्षक वाली छवि ब्लॉगर चरण 5 की तरह जोड़ें

5. "लेआउट" मेनू से एक बटन शैली का चयन करें. जब आप चयनित होते हैं तो आप प्रत्येक शैली का पूर्वावलोकन देखेंगे.

शीर्षक वाली छवि ब्लॉगर चरण 6 की तरह जोड़ें

6. "एक्शन टाइप" मेनू से एक क्रिया का चयन करें. डिफ़ॉल्ट रूप से, आपका बटन "पसंद नहीं करेगा."यदि आप चाहें, तो आप इसे कह सकते हैं" सिफारिश करें."जब कोई बटन पर क्लिक करता है, तो उनके फेसबुक अनुयायियों को देखेंगे" (व्यक्ति का नाम) इसकी सिफारिश करता है."

शीर्षक वाली छवि ब्लॉगर चरण 7 की तरह जोड़ें

7. "बटन आकार" मेनू से एक आकार का चयन करें. कॉन्फ़िगरेटर के नीचे बटन पूर्वावलोकन आपको दिखाएगा कि प्रत्येक आकार कैसा दिखता है.

छवि शीर्षक वाली छवि ब्लॉगर चरण 8 की तरह जोड़ें

8. "साझा करें बटन" बॉक्स को चेक या अनचेक करें. यदि बॉक्स की जाँच की जाती है, तो एक बटन जो "शेयर" कहता है वह आपके ब्लॉग पर जैसे बटन के बगल में दिखाई देगा. यदि कोई इस बटन पर क्लिक करता है, तो उन्हें अपने फेसबुक दोस्तों के साथ लिंक साझा करने से पहले अपने कुछ टेक्स्ट दर्ज करने का अवसर मिलेगा.

शीर्षक वाली छवि ब्लॉगर चरण 9 की तरह जोड़ें

9. क्लिक कोड प्राप्त करें. अब आप एचटीएमएल कोड वाले दो बॉक्स देखेंगे जिन्हें आपको ब्लॉगर के विभिन्न क्षेत्रों में पेस्ट करना होगा.

3 का भाग 2:

कोड को अपने टेम्पलेट में जोड़ना

1. साइन इन करें https: // ब्लॉगर.कॉम. किसी अन्य टैब या ब्राउज़र विंडो का उपयोग करें, क्योंकि आपको फेसबुक से ब्लॉगर तक कोड कॉपी और पेस्ट करने की आवश्यकता होगी.

शीर्षक वाली छवि ब्लॉगर चरण 11 की तरह जोड़ें

2. क्लिक टेम्पलेट. यह मेनू के नीचे के पास स्क्रीन के बाईं ओर है.

छवि शीर्षक जोड़ें फेसबुक जैसे ब्लॉगर चरण 12

3. अपने ब्लॉग टेम्पलेट का बैकअप लें. अपने ब्लॉग के HTML कोड को सीधे संपादित करते समय हमेशा बैकअप लें.

दबाएं बैकअप बहाल पृष्ठ के ऊपरी दाएं कोने पर बटन.

क्लिक टेम्पलेट डाउनलोड करें.

अपनी फ़ाइल के लिए एक नाम दर्ज करें, ई.जी. "ब्लॉग टेम्पलेट बैकअप."

क्लिक सहेजें.

शीर्षक वाली छवि ब्लॉगर चरण 13 की तरह जोड़ें

4. क्लिक HTML संपादित करें. यह आपके ब्लॉग की पूर्वावलोकन छवि के नीचे है.

शीर्षक वाली छवि ब्लॉगर चरण 14 की तरह जोड़ें

5. बटन कॉन्फ़िगरेटर जैसे फेसबुक के पहले बॉक्स से कोड कॉपी करें. यह शीर्ष बॉक्स में कोड है, "चरण 2" के तहत."

आप इसे हाइलाइट करके टेक्स्ट कॉपी कर सकते हैं, फिर दबाना नियंत्रण+सी या ⌘ कमांड+सी.

शीर्षक वाली छवि ब्लॉगर की तरह फेसबुक जोड़ें चरण 15

6. अपने ब्लॉगर HTML कोड में कोड पेस्ट करें. कोड को उस रेखा के बाद चिपकाया जाना चाहिए जो शुरू होता है, अधिमानतः बहुत अगली पंक्ति पर.

अपने आप को कोड पेस्ट करने के लिए एक जगह देने के लिए, बॉडी टैग के बाद लाइन के पहले चरित्र से पहले क्लिक करें, फिर दबाएं ↵ एंटर या ⏎ रिटर्न.

रिक्त लाइन पर क्लिक करें, फिर दबाएं नियंत्रण+वी या ⌘ कमांड+वी चिपकाना.

छवि शीर्षक वाली छवि ब्लॉगर चरण 16 की तरह जोड़ें

7. चिपके हुए कोड में प्रत्येक "और" को बदलें "& amp-". उद्धरण चिह्न शामिल न करें.

उदाहरण के लिए, "// कनेक्ट.फेसबुक.नेट / EN_US / SDK.जेएस # xfbml = 1औरसंस्करण = v2.8 "बन जाता है" // कनेक्ट.फेसबुक.नेट / EN_US / SDK.जेएस # एक्सएफबीएमएल = 1& amp-संस्करण = v2.8""

शीर्षक वाली छवि ब्लॉगर चरण 17 की तरह जोड़ें

8. क्लिक टेम्पलेट बचाओ.

यदि आपने गलती से एक "&" छोड़ दिया है, तो आपको एक त्रुटि दिखाई देगी जो कोड के ठीक ऊपर "एक्सएमएल को पार्सिंग त्रुटि" कहेंगी. चिपकाए गए कोड पर वापस जाएं, और इसे बदलें & amp-.

3 का भाग 3:

बटन को अपने लेआउट में जोड़ना

1. बटन कॉन्फ़िगरेटर की तरह कोड के दूसरे बॉक्स को कॉपी करें. आपको इसे खोजने के लिए अपनी अन्य ब्राउज़र विंडो या टैब पर वापस जाना होगा. यह "चरण 3 के नीचे बॉक्स में कोड है."

आप इसे हाइलाइट करके टेक्स्ट कॉपी कर सकते हैं, फिर दबाना नियंत्रण+सी या ⌘ कमांड+सी.

शीर्षक वाली छवि ब्लॉगर चरण 19 की तरह जोड़ें

2. क्लिक ख़ाका ब्लॉगर में वापस. यह ब्लॉगर डैशबोर्ड के बाईं ओर है, बस ऊपर "टेम्पलेट."

छवि शीर्षक वाली छवि ब्लॉगर चरण 20 की तरह जोड़ें

3. दबाएं एक गैजेट जोड़ें बटन जहां आप बटन दिखाना चाहते हैं.

ज्यादातर मामलों में, आप बटन को हेडर या फूटर में दिखाना चाहते हैं.

शीर्षक वाली छवि ब्लॉगर की तरह फेसबुक जोड़ें चरण 21

4. चुनते हैं एचटीएमएल / जावास्क्रिप्ट. आपको इसे खोजने के लिए थोड़ा सा नीचे स्क्रॉल करना होगा.

शीर्षक वाली छवि ब्लॉगर चरण 22 की तरह जोड़ें

5. प्रकार फेसबुक "शीर्षक के तहत."

शीर्षक वाली छवि ब्लॉगर की तरह फेसबुक जोड़ें चरण 23

6. कॉपी किए गए कोड को "सामग्री" बॉक्स में पेस्ट करें. आप इसे बॉक्स में क्लिक करके और दबाने से कर सकते हैं नियंत्रण+वी या ⌘ कमांड+वी.

शीर्षक वाली छवि ब्लॉगर चरण 24 की तरह जोड़ें

7. क्लिक सहेजें. अब आपको "फेसबुक" नामक एक गैजेट बॉक्स दिखाई देगा."

यह सुनिश्चित करने के लिए कि बटन दिखाई देने के लिए पृष्ठ के ऊपरी दाएं कोने पर पूर्वावलोकन पर क्लिक करें. यदि आपको स्थान पसंद नहीं है, तो आप "फेसबुक" बॉक्स को अपने लेआउट में अन्य अनुभागों में से एक में खींच सकते हैं.

शीर्षक वाली छवि ब्लॉगर को ब्लॉगर की तरह जोड़ें

8. क्लिक व्यवस्था बचाओ. यह स्क्रीन के ऊपरी दाएं कोने में है. अब, जब कोई आपके ब्लॉग का आनंद लेता है, तो वे आसानी से इसे अपने सभी फेसबुक दोस्तों के साथ साझा कर सकते हैं.