या पोस्टमध्ये, मी आपल्याला दाखवतो की आपला ब्लॉगर ब्लॉगमध्ये  social follow button बटण कसे जोडायचे. Social media icon आपल्या वाचकांचे आपले social pagesआणि profiles अनुसरण करण्याची परवानगी देतात. फेसबुक, ट्विटर, इन्स्टाग्राम इत्यादींसारख्या सर्वात लोकप्रिय सोशल आइकन सर्व्हिसेस यामध्ये उपलब्ध आहेत .

 हे social follow widgets HTML आणि CSSच्या द्वारे डिझाइन केले गेले आहेत, जे 100% responsive आहेत. ब्लॉगर custom टेम्पलेट्स तसेच  social follow buttons देखील असतात. परंतु आपल्याला आवडत नाहीत, तर आपण ब्लॉगरसाठी या widgets वापरु शकता.

Blogger मध्ये social follow button कसे add करावे

आपला Bloggerच्या ब्लॉग मध्ये responsive आणि beautiful social media widget विजेट जोडण्यासाठी प्रक्रिया सुरू करा.

 चरण 1: प्रथम आपले Blogger account ला लॉग इन करा आणि Theme menuमध्ये जा. येथे Edit HTML button वर  क्लिक करा.
तीन डॉट वर क्लिक करून 
एडिट एच टी एम एल या बटन वर क्लिक करा
चरण 2: HTML कोडमध्ये कोठेही क्लिक करा आणि Ctrl + F बटन्स दाबा. यावेळी एक सर्च बॉक्स उघडेल, येथे आपण “ </head> ” टाइप करा आणि एंटर बटन दाबा.
कन्ट्रोल एफ दाबून तिथे </head> सर्च करा

 चरण 3: आता कोड कोडची कॉपी करा आणि </head> codeच्या  आधी ठीक पेस्ट करा. Save theme बटणावर क्लिक करा.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>
 
येथे पेस्ट केल्यानंतर सेव करा
आता हे पूर्ण झाले !!!!!! आता दुसर्‍या भागाकडे सेट करण्यासाठी वळूया...

 चरण 4: आता ब्लॉगर च्या “लेआउट” विभागात जा. साइडबार विभागात “गॅझेट जोडा” क्लिक करा.
ऍड अ  गॅजेट वर क्लिक करा 


चरण 5: आता जो पॉपअप उघडलेला असेल, तो खाली स्क्रोल करून  “एचटीएमएल / जावास्क्रिप्ट” गॅझेटवर  क्लिक करा.
एचटीएमएल / जावास्क्रिप्ट

 चरण 6: आता Blogger साठी सोशल मीडिया विजेट कोड निवडा आणि  code ला content box मध्ये पेस्ट करा.

 शेवटी, "जतन करा" बटणावर क्लिक करा. “save arrangements” वर क्लिक करा. You’re done, आपला ब्लॉग वर जा आणि रिफ्रेश करा. आता आपल्या ब्लॉगवर विजेट live आहे.
येथे पेस्ट करून सेव करा

List of Social Media Buttons HTML Code


 


<style> 



.techornate-social-buttons ul{padding-left:0;list-style:none}.techornate-social-buttons li a{text-transform:uppercase;text-decoration:none;padding:10px 1px 10px 10px;letter-spacing:2px;font-size:10px;color:#fff;display:block;border-radius:3px}.techornate-social-buttons ul li{margin-bottom:10px;width:100%}.techornate-social-buttons li a i{width:35px;height:14px;float:right;padding:0 0 0 10px;margin:0;font-size:14px;line-height:14px;border-left:1px solid #B1B1B1}.techornate-social-buttons li a.social-btn-facebook{background:#3b5998}.techornate-social-buttons li a.social-btn-twitter{background:#1da1f2}.techornate-social-buttons li a.social-btn-youtube{background:#cd201f}.techornate-social-buttons li a.social-btn-instagram{background:#405de6}.techornate-social-buttons li a.social-btn-google{background:#dd4b39} 

</style> 
<div class="techornate-social-buttons"> 
<ul class="sidebar-social clearfix">


<li><a href="#" class="social-btn-facebook">Like on Facebook <i class="fa fa-facebook"></i> </a></li> 



<li><a href="#" class="social-btn-twitter">Follow on Twitter <i class="fa fa-twitter"></i> </a></li> <li><a href="#" class="social-btn-google">Follow on Google+ <i class="fa fa-google"></i> </a></li> 



<li><a href="#" class="social-btn-instagram">Follow on Instagram <i class="fa fa-instagram"></i> </a></li> 



<li><a href="#" class="social-btn-youtube">Subscribe on Youtube <i class="fa fa-youtube"></i> </a></li>

</ul> 


</div>

आपल्या स्वत: च्या सोशल मीडिया पेजची  लिंक  ( https://instagram.com/jeevanmarathi) प्रोफाइल URL सह प्रत्येक हायलाइट केलेल्या  " # "च्या ठिकाणी Replace करा .

निष्कर्ष:

मी आशा करतो कि तुम्हाला आजचा ब्लॉग Blog kinva website madhye social media follow button add kase karayche हे आवडले असेल. हा लेख आपल्या मित्रांसोबत शेअर करा. सोबत काही शंका असेल तर कंमेंट करा. मी आपली शंका निरसन करण्याचा प्रयत्न करेन.