यह wikiHow आपको सिखाता है कि अपने ब्लॉगर (blogspot.com) वेबसाइट पर एक क्लिक करने योग्य फेसबुक "लाइक" बटन कैसे जोड़ें। लाइक बटन कॉन्फिगरेटर में बटन बनाने के बाद, आपको संगतता के लिए एक त्वरित संपादन करने के लिए, अपने ब्लॉगर डैशबोर्ड में कोड के दो बिट कॉपी और पेस्ट करने की आवश्यकता होगी।
कदम
3 का भाग 1: लाइक बटन बनाना
चरण 1. https://developers.facebook.com/docs/plugins/like-button पर जाएं।
आप क्रोम या सफारी जैसे किसी भी आधुनिक वेब ब्राउज़र का उपयोग कर सकते हैं।
चरण 2. नीचे स्क्रॉल करें और लाइक बटन कॉन्फिगरेटर पर जाएं।
यह पृष्ठ के तीसरे खंड में है।
चरण 3. अपने ब्लॉग का पता “URL to Like” बॉक्स में दर्ज करें।
चरण 4. अपनी वांछित प्लगइन चौड़ाई "चौड़ाई" बॉक्स में दर्ज करें।
अधिकांश ब्लॉगर उपयोगकर्ता इस बॉक्स को खाली छोड़ सकते हैं, क्योंकि डिफ़ॉल्ट चौड़ाई (450 पिक्सल) ठीक काम करती है। ध्यान दें कि यह संपूर्ण प्लगइन की चौड़ाई है, न कि लाइक बटन की।
चरण 5. "लेआउट" मेनू से एक बटन शैली का चयन करें।
प्रत्येक शैली के चयनित होने पर आपको उसका पूर्वावलोकन दिखाई देगा।
चरण 6. "एक्शन टाइप" मेनू से एक एक्शन चुनें।
डिफ़ॉल्ट रूप से, आपका बटन "पसंद करें" कहेगा। यदि आप चाहें, तो आप इसे "अनुशंसा करें" कहने के लिए बदल सकते हैं। जब कोई बटन पर क्लिक करता है, तो उनके फेसबुक फॉलोअर्स को "(व्यक्ति का नाम) इसकी अनुशंसा करता है" दिखाई देगा।
चरण 7. "बटन आकार" मेनू से एक आकार का चयन करें।
विन्यासकर्ता के नीचे बटन पूर्वावलोकन आपको दिखाएगा कि प्रत्येक आकार कैसा दिखता है।
चरण 8. "शेयर बटन शामिल करें" बॉक्स को चेक या अनचेक करें।
यदि बॉक्स चेक किया गया है, तो आपके ब्लॉग पर लाइक बटन के बगल में "शेयर" कहने वाला एक बटन दिखाई देगा। अगर कोई इस बटन पर क्लिक करता है, तो उनके पास अपने फेसबुक दोस्तों के साथ लिंक साझा करने से पहले अपना कुछ टेक्स्ट दर्ज करने का अवसर होगा।
चरण 9. कोड प्राप्त करें पर क्लिक करें।
अब आपको HTML कोड वाले दो बॉक्स दिखाई देंगे जिन्हें आपको ब्लॉगर के विभिन्न क्षेत्रों में पेस्ट करना होगा।
3 का भाग 2: अपने टेम्पलेट में कोड जोड़ना
चरण 1. https://www.blogger.com पर साइन इन करें।
किसी अन्य टैब या ब्राउज़र विंडो का उपयोग करें, क्योंकि आपको कोड को फेसबुक से ब्लॉगर पर कॉपी और पेस्ट करना होगा।
चरण 2. टेम्पलेट पर क्लिक करें।
यह स्क्रीन के बाईं ओर, मेनू के निचले भाग के पास है।
चरण 3. अपने ब्लॉग टेम्पलेट का बैकअप लें।
अपने ब्लॉग के HTML कोड को सीधे संपादित करते समय हमेशा बैकअप लें।
- दबाएं बैकअप बहाल पृष्ठ के ऊपरी दाएं कोने में स्थित बटन।
- क्लिक टेम्पलेट डाउनलोड करें.
- अपनी फ़ाइल के लिए एक नाम दर्ज करें, उदा. "ब्लॉग टेम्पलेट बैकअप।"
- क्लिक सहेजें.
चरण 4. HTML संपादित करें पर क्लिक करें।
यह आपके ब्लॉग की पूर्वावलोकन छवि के ठीक नीचे है।
स्टेप 5. फेसबुक लाइक बटन कॉन्फिगरेटर के पहले बॉक्स से कोड को कॉपी करें।
यह "चरण 2" के तहत शीर्ष बॉक्स में कोड है।
आप टेक्स्ट को हाइलाइट करके, फिर Control+C या Command+C दबाकर कॉपी कर सकते हैं।
चरण 6. कोड को अपने ब्लॉगर HTML कोड में पेस्ट करें।
कोड को उस लाइन के बाद चिपकाया जाना चाहिए जो <body से शुरू होती है, अधिमानतः अगली पंक्ति पर।
- कोड पेस्ट करने के लिए खुद को जगह देने के लिए, बॉडी टैग के बाद लाइन के पहले अक्षर से पहले क्लिक करें, फिर एंटर या ⏎ रिटर्न दबाएं।
- ब्लैंक लाइन पर क्लिक करें, फिर पेस्ट करने के लिए Control+V या Command+V दबाएं।
चरण 7. चिपकाए गए कोड में प्रत्येक “&” को “
&
”.
उद्धरण चिह्नों को शामिल न करें।
-
उदाहरण के लिए, “//connect.facebook.net/en_US/sdk.js#xfbml=1 &version=v2.8” बन जाता है “//connect.facebook.net/en_US/sdk.js#xfbml=1
&
- संस्करण = v2.8 ""
चरण 8. टेम्पलेट सहेजें पर क्लिक करें।
-
यदि आपने गलती से "&" छोड़ दिया है, तो आपको कोड के ठीक ऊपर "एरर पार्सिंग एक्सएमएल" कहने वाली एक त्रुटि दिखाई देगी। चिपकाए गए कोड पर वापस जाएं, & ढूंढें, और इसे इसके साथ बदलें
&
- .
3 का भाग 3: अपने लेआउट में बटन जोड़ना
चरण 1. कोड के दूसरे बॉक्स को लाइक बटन कॉन्फिगरेटर से कॉपी करें।
इसे खोजने के लिए आपको अपनी अन्य ब्राउज़र विंडो या टैब पर वापस लौटना होगा। यह "चरण 3" के नीचे बॉक्स में कोड है।
आप टेक्स्ट को हाईलाइट करके, फिर Control+C या Command+C दबाकर कॉपी कर सकते हैं।
चरण 2. ब्लॉगर में वापस लेआउट पर क्लिक करें।
यह "टेम्पलेट" के ठीक ऊपर, ब्लॉगर डैशबोर्ड के बाईं ओर है।
चरण 3. एक गैजेट जोड़ें बटन पर क्लिक करें जहां आप बटन दिखाना चाहते हैं।
ज्यादातर मामलों में, आप चाहते हैं कि बटन शीर्षलेख या पाद लेख में दिखाई दे।
चरण 4. एचटीएमएल/जावास्क्रिप्ट चुनें।
इसे खोजने के लिए आपको थोड़ा नीचे स्क्रॉल करना होगा।
चरण 5. “Title” के तहत facebook टाइप करें।
”
चरण 6. कॉपी किए गए कोड को "सामग्री" बॉक्स में पेस्ट करें।
आप इसे बॉक्स में क्लिक करके और Control+V या Command+V दबाकर कर सकते हैं।
चरण 7. सहेजें पर क्लिक करें।
अब आपको "facebook" नाम का एक गैजेट बॉक्स दिखाई देगा।
यह सुनिश्चित करने के लिए पृष्ठ के ऊपरी दाएं कोने में पूर्वावलोकन पर क्लिक करें कि बटन वहीं दिखाई देता है जहां उसे होना चाहिए। यदि आपको स्थान पसंद नहीं है, तो आप "फेसबुक" बॉक्स को अपने लेआउट के अन्य अनुभागों में से किसी एक पर खींच सकते हैं।
चरण 8. व्यवस्था सहेजें पर क्लिक करें।
यह स्क्रीन के ऊपरी दाएं कोने में है। अब, जब कोई आपके ब्लॉग का आनंद लेता है, तो वे इसे आसानी से अपने सभी फेसबुक मित्रों के साथ साझा कर सकते हैं।