How to add social media button in blog या अपने ब्लॉग वेबसाइट पर Social media follow button कैसे लगाए इसके बारे में ये पोस्ट लिख रहे है और अगर आप एक blogger है तब तो आपको जरूर अपने blog या website पर ये social follow icons लगाना चाहिए | इसको लगाने से बहुत से फायदे होंगे जो आगे इसी पोस्ट में बताने वाला हु और ये भी बताऊंगा की आप कैसे एक अच्छा फ्री में सोशल फॉलो बटन लगाएंगे अपने वेबसाइट पर, तो चलिए आज की ये जरुरी पोस्ट शुरू कर लेते है|
अब बात करते है की कैसे ब्लॉग पर social follow button को हम लगाएंगे वो भी कुछ आसान से steps को फॉलो करके|
How To Add Social Media Button In Blog
Social icons को वेबसाइट पर implement करने से हमारा blog or website का look professional हो जाता है और indirectly अन्य platform पर भी traffic increase हो जाता है|
Add social follow buttons step by step in Hindi –
Step 1 – सबसे पहले आपको Blogger पर चले जाना है और अपने gmail से login कर लेना है|
Step 2 – जिस भी ब्लॉग का follow button लगाना है उस ब्लॉग को सेलेक्ट कर ले और Dashboard में Layout पर क्लिक कर दीजिये और फिर add gadget पर click करे जैसा की निचे image में दिख रहा है|
 |
| How to add social follow icons on blogger |
Step 3 – Add gadget पर click करने के बाद HTML/Java script पर क्लिक करे तब एक box open होगा|
 |
| click on html or java script |
Step 4 – अब निचे एक code दे रहा हु जिसको आप कॉपी कर लीजिये और अगला स्टेप देखिये|
<style>
a.social_item {
position: relative;
display: block;
height: 50px;
line-height: 50px;
overflow: hidden;
border-radius: 4px;
}
li.social_item-wrapper {
float: left;
width: 48%;
text-align: center;
margin-right: 4% !important;
margin-bottom: 10px !important;
color: #fff;
}
.social_item-wrapper:nth-child(2n+2) {
margin-right: 0 !important;
}
.social_icon {
float: left;
line-height: 50px;
width: 41px;
font-size: 1.3rem;
}
a.social_item.social_facebook {
background: #5d82d1 !important;
}
.fa-facebook.social_icon {
background: #2E4372;
}
li.social_item-wrapper:hover .fa-facebook.social_icon {
background: #3F5B9B;
}
li.social_item-wrapper:hover .social_facebook {
background: #2E4372;
}
a.social_item.social_twitter {
background: #40bff5 !important;
}
.fa-twitter.social_icon {
background: #1571A5;
}
li.social_item-wrapper:hover .fa-twitter.social_icon {
background: #1C97DE;
}
li.social_item-wrapper:hover .social_twitter {
background: #1571A5;
}
a.social_item.social_youtube {
background:#ef4e41 !important;
}
.fa-youtube.social_icon {
background: #B31919;
}
li.social_item-wrapper:hover .fa-youtube.social_icon {
background: #E22020;
}
li.social_item-wrapper:hover .social_youtube {
background: #B31919;
}
a.social_item.social_pinterest {
background:#ef4e41 !important;
}
.fa-pinterest.social_icon {
background: #C2521B;
}
li.social_item-wrapper:hover .fa-pinterest.social_icon {
background: #E86321;
}
li.social_item-wrapper:hover .social_pinterest {
background: #CA2027;
}
a.social_item.social_linkedin {
background: #3897f0 !important;
}
.fa-linkedin.social_icon {
background: #02669E;
}
li.social_item-wrapper:hover .fa-linkedin.social_icon {
background: #0275B6;
}
li.social_item-wrapper:hover .social_linkedin {
background: #02669E;
}
a.social_item.social_instagram {
background: #3f91cb !important;
}
.fa-instagram.social_icon {
background: #6F583C;
}
li.social_item-wrapper:hover .fa-instagram.social_icon {
background: #8E714D;
}
li.social_item-wrapper:hover .social_instagram {
background: #6F583C;
}
a.social_item.social_pinterest {
background: #AB1B21;
}
.fa-pinterest.social_icon {
background: #AB1B21;
}
li.social_item-wrapper:hover .fa-pinterest.social_icon {
background: #CA2027;
}
li.social_item-wrapper:hover social_pinterest {
background: #AB1B21;
}
ul.social-counter a {
color: #fff;
}
</style><div class="socialcounter"><ul class="social-counter"><li class="social_item-wrapper"><a href="https://www.facebook.com/thehindibiography" class="social_item social_facebook"><i class="fa fa-facebook social_icon"></i><span class="social_num">Facebook</span></a></li><li class="social_item-wrapper"><a href="https://twitter.com/hindibiographys" class="social_item social_twitter"><i class="fa fa-twitter social_icon"></i><span class="social_num">Twitter</span></a></li><li class="social_item-wrapper"><a href="https://www.youtube.com/nirajyadavcreator" class="social_item social_youtube"><i class="fa fa-youtube social_icon"></i><span class="social_num">Youtube</span></a></li><li class="social_item-wrapper"><a href="https://in.pinterest.com/becompetitivegkp" class="social_item social_pinterest"><i class="fa fa-pinterest social_icon"></i><span class="social_num">Pinterest</span></a></li><li class="social_item-wrapper"><a href="https://www.linkedin.com/in/niraj-yadav-239ba717a" class="social_item social_linkedin"><i class="fa fa-linkedin social_icon"></i><span class="social_num">Linkedin</span></a></li><li class="social_item-wrapper"><a href="https://instagram.com/nirajyadavzero" class="social_item social_instagram"><i class="fa fa-instagram social_icon"></i><span class="social_num">Instagram</span></a></li></ul></div>
Step 5 – अब जो box ओपन हुआ था उस बॉक्स में ये कोड पेस्ट कर दीजिये और ध्यान रहे की इसमें मेरे social links लगे हुए है उन्हें आप अपने social links से replace कर दीजियेगा| बस अब आपका follow button लग गया|
Social Media Icons लगाने के फायदे
Social media icons लगाने के अनेको फायदे है जैसे अलग-अलग social प्लेटफार्म पर followers बढ़ा सकते है जैसे youtube, twitter, linkedIn, Pinterest, Instagram,आदि|
हमारी वेबसाइट पर add social media button से एक तो हमे backlinks भी मिलते है और google में हमारा post या article जल्दी Rank कर जाता है|
निष्कर्ष (my opinion)
इस पोस्ट में हमने सीखा की How to add social media button in blog और इसके क्या फायदे है|
अगर आपको किसी भी प्रकार की समस्या आये तो हमे निचे comment box में जरूर बताये ताकि उसका समाधान निकाल पाए|
ये भी पढ़े !