Blogger me Beautiful Social Media Follow Buttons Kaise Lagaye ?

 

मित्रो हमने आप लोगो को पिछले आर्टिकल में ब्लॉगर साइडबार में मल्टी मेनू टैब विजेट को एड करने के बारे में जानकारी उपलब्ध कराया था। और आज हम आप लोगो को ब्लॉगर में ब्यूटीफुल सोशल मीडिया फॉलो बटन्स कैसे लगाने के बारे में जानकारी देने जा रहे है। यदि आपने अभी तक अपने ब्लाग या वेबसाइट में व्यूटीफुल सोशल मीडिया विजेट एड नही किया है तो हम आपको इस आर्टिकल में विस्तार से जानकारी उपलब्ध कराने जा रहे है। जिसे हम ब्लाग के साइडबार में प्रयोग कर रहे है। इस विजेट में सबसे अच्छी बात यह है कि आपका ब्लाग चाहे ब्लागर पर बना हो या वर्डप्रेस ब्लाग पर,यह सभी प्लेटफार्मो पर अच्छा वर्क करता है।  

ब्लाग में ब्यूटीफुल सोशलमीडिया फालो बटन कैसे लगाये ?

यदि आप अपने ब्लाग या वेबसाइट में सोशल मीडिया फालो बटन एड करना चाहते है। तो आपको इसके लिए दिये गये स्टेप को फालो करना होगा,जिससे आपको ब्लाग या वबसाइट में लगाने में आसानी हो सके। 

स्टेप-01

ब्लाग या वेबसाइट में ब्लॉगर में ब्यूटीफुल सोशल मीडिया फॉलो बटन्स कैसे लगाने के लिए आप नीचे दिये गये  गए  सभी कोडो को  क्लिक कर सुरक्षित वायरस मुक्त डाउनलोड कर ले। 

• Social Media Follow Buttons CODE- DOWNLOAD HERE

स्टेप-संख्या-02

• सबसे पहले आप ब्लागर डेशबोर्ड में लागिंन करे। 
• अब आप Theme पर क्लिक करे। 
• अब आप Customize पर क्लिक करे। 
• अब आप EDIT HTML  पर क्लिक करे इसके बाद एक नया पप अप विंडो ओपन होगा ।

स्टेप-संख्या-03

सबसे पहले आप नीचे दिये गये ब्लाग में ब्यूटीफुल सोशल मीडिया फालो बटन लगाने  के कोड को  </head> में लगाने के लिए कापी पेस्ट कर ले । 

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />

• अब Search Box में (CTRL + F)  दबाकर आप </head> को सर्च करें ।
• अंत में मार्कअप की लाइन का अनुसरण करें और इसे </head>   के ठीक ऊपर पोस्ट कर दे। 

• उसके बाद Save Theme पर क्लिक कर परिवर्तनों को सहेजे और अब आपका काम हो गया ।

स्टेप-संख्या-04

• अब आप वापस ब्लाग के डेशर्बोड में जाए और Layout पर क्लिक करे।
• इसके बाद Add a Gadget पर क्लिक करे। 

स्टेप-संख्या-05

• इसके बाद अब आप HTML/JavaScript पर क्लिक करे।

स्टेप-संख्या-06

नीचे दिए गए Beautiful Social Media Follow Buttons के कोड को कॉपी करे ।

<style> .widget_social_apps { margin-left : -1%; margin-right : -1%; } .widget_social_apps:after { clear : both; } .widget_social_apps .app_social { margin : 1% 0.5%; width : 49%; height : 45px; float : left; text-align : center; background-color : #000; transition : all 0.2s; border-radius: 5px; } .widget_social_apps .app_social.facebook { background-color : #4267b2; } .widget_social_apps .app_social.twitter { background-color : #1DA1F2; } .widget_social_apps .app_social.pinterest { background-color : #C92228; } .widget_social_apps .app_social.instagram { background-color : #af2d9e; } .widget_social_apps .app_social.linkedin { background-color : #0d6a96; } .widget_social_apps .app_social.youtube { background-color : #b5170a; } .widget_social_apps .app_social.rss { background-color : #e07706; } .widget_social_apps .app_social.tumblr { background-color : #5c6682; } .widget_social_apps .app_social:hover { background-color : #cacaca; } .widget_social_apps .app_social a { display : block; color : #ffffff; padding : 15px 5px; } .widget_social_apps .app_social span { display : block; } .widget_social_apps .app_social span.app_icon i { font-size : 12px; margin-bottom : 10px; } </style> <div class="widget_social_apps"> <div class="app_social facebook"> <a href="https://www.facebook.com/gondalivenews" target="_blank" title="Follow on facebook"> <i class="fa fa-facebook" aria-hidden="true"></i> 1250 Likes</span></a></div> <div class="app_social twitter"> <a href="https://twitter.com/gondalivenews" target="_blank" title="Follow on twitter"> <i class="fa fa-twitter"></i> 12 Followers</span></a></div> <div class="app_social pinterest"> <a href="https://in.pinterest.com/gondalivenews/" target="_blank" title="Follow on pinterest"> <i class="fa fa-pinterest"> 13 Followers</i></span></a></div> <div class="app_social instagram"> <a href="https://www.instagram.com/gondanewslive/?hl=en" target="_blank" title="Follow on instagram"> <i class="fa fa-instagram"></i> 345 Followers</span></a></div> <div class="app_social linkedin"> <a href="https://www.linkedin.com/company/bloglon" target="_blank" title="Follow on linkedin"> <i class="fa fa-linkedin"> 43 Followers</i></span></a></div> <div class="app_social youtube"> <a href="http://www.youtube.com/c/gondalivenews" target="_blank" title="Subscribe on youtube"> <i class="fa fa-youtube"></i> 13 Subscribers</span></a></div> <div class="app_social rss"> <a href="http://feeds.feedburner.com/gondalivenews" target="_blank" title="Subscribe blog feed"> <i class="fa fa-rss"></i> 974 Subscribers</span></a></div> <div class="app_social tumblr"> <a href="http://bloglon.tumblr.com/" target="_blank" title="Follow on tumblr"> <i class="fa fa-tumblr"></i> 10 Followers</span></a></div> </div>

• Title को खाली छोड़ दे ।
• Content के खाली बाक्स में HTML/JavaScript कोड को कापी पेस्ट कर दे ।
• जब आपका सब कुछ कम्पलीट हो जाए तो आपको अंत में Save Arrangement सेव SAVE बाटन पर क्लिक करके सुरक्षित सेव SAVE कर ले ।

Customization :- आप अपनी social media profile के URL को हमारे social media profile के URL से replace करना ना भूलें, और अपने Followers count करके उन्हें edit कर दें।

मित्रो  अब आपके ब्लाग में ब्यूटीफुल सोशल मीडिया बटन सफलता पूवर्क एड हो चुका है। आप इसे कन्फर्म करने के लिए चाहे तो अपना ब्लाग या वेबसाइट को चेक कर सकते है। मित्रो अब हम आपको वर्डप्रेस ब्लाग पर फालो बटन को एड करने के बारे में जानकारी उपलब्ध करायेगें। 

वर्डप्रेस ब्लाग में ब्यूटीफुल सोशल मीडिया फालो बटन कैसे लगाये ?

यदि आपको वर्डप्रेस ब्लाग है जिसके साइडबार में यह फालो बटन एड करना चाहते है तो आप इसके लिए नीचे दिये गये सटेप को फालो करे। 

स्टेप-01

• सबसे पहले अपना WordPress Dashboard login कीजिये।
• Appearance पर जाइये और Editor पर click कीजिये। 
• अब Header.php file पर click करके open कीजिये। 
• अब CTRL+F press कीजिये और </head> के ठीक पहले नीचे दिया गया code paste कर दीजिये। 

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />

स्टेप-02

• अब Appearance पर जाये।
• और Widgets पर click कर दीजिये।

स्टेप-03

• अब आपके सामने Widgets की list open हो जाएगी जिसमें से Text पर click कर दें।
• अब Add Widget पर click कीजिये।

स्टेप-04

• अब Title field में “Follow Me” लिखें या अपने हिसाब से कुछ लिख दें।
• Content वाले field में ऊपर दिया गया social media follow buttons html and CSS code paste कर दीजिये।
• अब Save बटन पर click कर दीजिये।

Customization :- आप अपनी social media profile के URL हमारे social media profile के URL से replace जरुर कर दें, और अपने Followers count करके उन्हें edit कर दें।

अब आपके WordPress blog के sidebar बार में Beautiful Social Media Follow Buttons add हो चुके हैं जिन्हें आप अपना blog open करके check कर सकते हैं।

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