Blog Me Social Media Follow Button Kaise add kare

3

Social Media Follow Buttons for blogger – हेल्लो दोस्तों केसे हो आप सभी आशा करता हु आप सभी अच्छे होंगे दोस्तों अगर आप एक ब्लॉगर है तोआज का ये आर्टिकल आपके लिए बहुत ही उपयोगी सिद्ध होगा इस आर्टिकल में हम आप लोगो को बताने वाले है की आप अपने ब्लॉग में सोशल media फॉलो बटन कैसे add कर सकते है ?तो हम आप से निवेदन करेंगे की आप इस पोस्ट को पूरा पढ़े इसमें हमने पूरा प्रोसेस समझाया है जिसे पढकर आप अपने ब्लॉग में सोशल media फॉलो बटन आसानी से add कर पाएंगे 

social media follow button
अब यहाँ पर हम step by step बतायेंगे जिसे पढ़कर  आप अपने ब्लॉग में सोशल मीडिया के फॉलो बटन आसानी से add कर सकते है तो  आप सभी इस पोस्ट को पूरा जरुर पढना और उसके बाद ही आप अपने ब्लॉग में सोशल media फॉलो add करे ताकि आपको कोई दिक्कत नही आये 

1. सबसे पहले दोस्तों आप निचे दिये  गये कोड को कॉपी  कर लीजिये इसके बाद आपको अपने ब्लॉग में लॉग इन कर लेना है(Social media follow buttons html)

<div class="kt-social-buttons-widget">
<ul class="sidebar-social clearfix">
<li><a href="twitter url" class="twitter url">Follow on Twitter <i class="fa fa-twitter"></i> </a></li>
<li><a href="facebook url/?hc_ref=ARRRAMT14-r9WEsUOB9VTnX2r8hFT3hqAWIuW5w2BP5MKPoCf4LW02v6I6GDS5Vh81U&fref=nf&__xts__[0]=68.ARBixL_btGROSY_16xNRFI24BLKIe4RU09tR5G8FX3ecQMb8k38wJJzqsnKfz_yX1JgmZymnZko5dBFU8bQiwbNNUfvUPGHvIyHNpGIoaxRSAUfcUIfiIDoQeMPMPn3qttNLC9StYK8hFM-au4XL6oUdtRaDZdpYyhoX4Fvs_qAbeTPuR_oNYIS4Hzag7P6NjUhvnji5r-_xQFzC-DVj_puwB66atn0wrxyY_67FtYTLqvosimqIuhQNozDyls6S0bAqMqgUCkCD9U8vW1lBbCmQjjW0RZrekcdzzqiBUxF825cP7gOO4Ea-_K0F8if8KShLTZw7FwojmcAGSiCl3Wg&__tn__=kC-R" class="social-btn-facebook">Like on Facebook <i class="fa fa-facebook"></i> </a></li>
<li><a href="channel url" class="social-btn-youtube">Subscribe on Youtube <i class="fa fa-youtube"></i> </a></li>
<li><a href="instagram url" class="social-btn-instagram">Follow on Instagram <i class="fa fa-instagram"></i> </a></li>
</ul>
</div>
<style>
.kt-social-buttons-widget ul {
list-style: none;
padding-left: 0;
}
.kt-social-buttons-widget li a {
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
text-decoration: none;
display: block;
color: #0a0a0a;
padding: 10px 1px 10px 10px;
background:#f8f8f8;
}
.kt-social-buttons-widget ul li {
width: 100%;
margin-bottom: 10px;
}
.kt-social-buttons-widget li:hover a.social-btn-twitter {
background: #1da1f2;
color:#fff;
}
.kt-social-buttons-widget li a i {
float: right;
width: 35px;
height: 14px;
line-height: 14px;
text-align: ;
margin: 0;
padding: 0 0 0 10px;
font-size: 14px;
}
.kt-social-buttons-widget li a i {
border-left: 1px solid #666;
line-height: 14px;
}
.kt-social-buttons-widget li:hover a.social-btn-facebook {
background: #3b5998;
color:#fff;
}
.kt-social-buttons-widget li:hover a.social-btn-youtube {
background: #cd201f;
color:#fff;
}
.kt-social-buttons-widget li:hover a.social-btn-instagram {
background: #405de6;
color:#fff;
}
</style>

इस कोड में आप अपने सोशल media प्रोफाइल के लिन्क add करे

जैसे की इसमें जहा पर लिखा है facebook url वहा पर अपना facebook पेज का url add करे बाकि url भी ऐसे ही add करने है 

2. कोड को कॉपी करने के बाद आपको अपने ब्लॉग में जाना है उसमे लेआउट पर क्लिक करना उसके बाद new गैजेट add पर क्लिक करना है और फिर आपको गैजेट में html कोड का आप्शन सेलेक्ट करना है उसके बाद जो बॉक्स ओपन होगा उसमे ऊपर जो कोड कॉपी किया है उसे paste कर देना है उसके बाद सेव पर क्लिक कर दीजिये तो आपके ब्लॉग में सोशल media फॉलो बटन add हो जायेंगे  !!
                                 social media follow button
 

  Final Words 

आशा करता हु दोस्तों ये पोस्ट आप सभी को अच्छा लगा होगा अगर आप सभी ये ब्लॉग अच्छा लगा हो तो आप इसे अपने दोस्तों के साथ शेयर जरुर करना और अगर आप कुछ पूछना चाहते है तो कमेंट में बता सकते है 
Tags- Social media follow buttons bar,social follow buttons for blogger,blogger follow buttons.

3 COMMENTS

Comments are closed.