क्या आप अपनी Blogger या WordPress वेबसाइट में एक शक्तिशाली सोशल शेयरिंग बटन जोड़ना चाहते हैं? इस लेख में, हम आपको HTML, CSS और JavaScript का उपयोग करके Social Share Button जोड़ने का Step-by-Step तरीका बताएंगे।
Social Share Button जोड़ने का तरीका
1. Blogger में Social Share Button जोड़ें:
- अपने Blogger Dashboard में जाएं और Theme Section खोलें।
- Edit HTML विकल्प पर क्लिक करें।
- </body> टैग को खोजें।
- नीचे दिए गए कोड को </body> टैग के ऊपर चिपकाएं।
All in one html css js कोड
- सभी कोड सेव करने के बाद, आपका Social Sharing Button Blogger में एक्टिव हो जाएगा।
2. WordPress में Social Share Button जोड़ें:
- WordPress Dashboard में जाएं।
- WPCode Code Snippets Plugin जैसे किसी कोड मैनेजर प्लगइन का उपयोग करें।
- Footer Section में जाकर ऊपर दिए गए HTML, CSS, और JavaScript कोड को पेस्ट करें।
- सेव करने के बाद, आपका Social Sharing Button WordPress में लाइव हो जाएगा।
Social Share Button को कस्टमाइज़ कैसे करें?
- पोजीशन बदलें:
CSS में.share-buttonमेंright: 20px;कोleft: 20px;से बदलें। - बैकग्राउंड और होवर कलर बदलें:
CSS मेंbackground-colorऔरhoverकलर को अपनी पसंद से एडिट करें। - SVG आइकन बदलें:
HTML कोड में नया SVG आइकन जोड़ें। - Z-Index एडजस्ट करें:
अगर बटन के ऊपर अन्य एलिमेंट्स आ रहे हैं, तो CSS मेंz-indexकी वैल्यू बढ़ा दें।
Conditional Loading (Specific Pages/Post)
अगर आप Social Share Button को केवल कुछ पेज या पोस्ट पर दिखाना चाहते हैं, तो Blogger में Conditional Tags का उपयोग करें।
निष्कर्ष
इस Step-by-Step गाइड से आप Blogger और WordPress दोनों में System Social Share Button जोड़ सकते हैं। यह बटन न केवल वेबसाइट की इंटरएक्टिविटी बढ़ाता है, बल्कि यूजर्स को आसानी से कंटेंट शेयर करने की सुविधा देता है।
अगर आपके कोई सवाल हैं, तो हमें Telegram Group या Email के जरिए संपर्क करें।
