Social Media Counter Widget Ko Blog Me Kaise Add Kare

Social media counter widget ko blog me add karna bahut jaruri hai. Social media fans counter widget se new visitor ya reader ko kisi bhi blogger ke kitne fans ya followers hai ya phir social sites par unko kitne likes mile hai ki jankari milti hai. Isse kisi bhi blogger ke blog par visitors ke dubara aane ka chances badh jate hai.

Kyoki pahli baat to yah hai ki is widget ke rahne se blog ki khubshurti badh jaati hai aur dusri baat yah hai ki itne saare followers ko dekhkar new visitor ko us blog ke prati vishwaas badh jaata hai.

social media fans counter widget ko blog me kaise add kare

Is post me mai jis widget ki baat kar raha hu wah social counter widget aasani se aap apne blog me laga sakte hai. Yah widget aapke blog ke speed par koi effect nahi daalegi.

Yah social counter widget icon ke saath show hogi jisme RSS , Twitter aur Facebook include hoge.

Maine haal hi me simple and fast loading social media counter widget ke baare me post likha hai. Is widget me Facebook , Twitter , Google  plus , Pinterest , aur RSS ke button font ke roop me hoge.

Agar aapko yah widget pasand nahi aata hai to aap awesome social media counter widget try kar sakte hai. Shayad aapko yah widget pasand aaye.

To ab mai aapko batana start karta hun ki is widget ko blog me kaise lagana hai.

Social Media Counter Widget Ko Blog Me Kaise Add Kare ?

Step 1 : Sabse pahle aap apne blogger ke dashboard me login kare.

Step 2 : Layout par click kare.

click on layout

Step 3 : Layout par click karne ke baad ek page open hoga. Aapko blog me jis place par social counter widget ko lagana hoi waha par ke Add a Gadget ki link par click kare.

click on add a gadget

Step 4 : Ab HTML/JavaScript par click kare.

click on html/javascript

Step 5 : Ab ek new page open hoga.

write title name and paste code and save
  1. Title me Follow on Social Media likhe.
  2. Niche diye hue code ko copy kar ke box me paste kar de.
  3. Code me kuchh editing karne ke baad Save par click kare.
<div class="sidebarContainer"
id="sidebarSubscribe">
<a target="_blank"
href="http://feeds.feedburner.com/newfeatureblog" class="subscribeSidebarBox"
id="subscribeRSS">
<span class="icon"></span>
<span class="title">Subscribe to Our RSS feed</span>
<span class="count">1000+
</span></a>
<a target="_blank"
href="http://www.twitter.com/newfeatureblog" 
class="subscribeSidebarBox"
id="followTwitter">
<span class="icon">
</span>
<span class="title">Follow
on Twitter</span>
<span class="count">1500+
</span>
</a>
<a target="_blank"
href="http://www.facebook.com/newfeatureblog" 
class="subscribeSidebarBox"
id="likeFacebook">
<span class="icon">
</span>
<span class="title">Like Us On
Facebook</span>
<span class="count">800+
</span>
</a></div>
<style>
#sidebarSubscribe {
padding: 25px 30px 20px;
}
a.subscribeSidebarBox {
border: medium none;
cursor: pointer;
display: block;
height: 60px;
margin-bottom: 8px;
position: relative;
width: 265px;
}
#sidebarSubscribe span {
color: #6E6E6E;
display: block;
padding: 3px;
position: absolute;
text-shadow: 1px 1px 0 white;
}
#sidebarSubscribe .icon {
background: url(
"http://4.bp.blogspot.com/-nJyhKwJmZzk/
VOiMC_4rKDI/AAAAAAAAG1w/u3P9aicP4LI/s1600/blogolect.png")
no-repeat scroll 0 0 transparent;
height: 45px;
left: 10px;
top: 10px;
width: 55px;
}
#sidebarSubscribe .title {
font-size: 12px;
left: 70px;
top: 8px;
}
#sidebarSubscribe .count {
font: bold 18px/28px 'Myriad
Pro',Tahoma,Arialm,sans-serif;
left: 70px;
top: 23px;
}
#subscribeRSS .icon {
background-position: 0 -50px;
}
#followTwitter .icon {
background-position: -100px -50px;
}
#likeFacebook .icon {
background-position: -200px -50px;
}
a.subscribeSidebarBox {
background-color: #FAFAFA;
border-radius: 10px 10px 10px 10px;
}
a.subscribeSidebarBox:hover {
background-color: #FDFDFD;
}
a, a:active {
text-decoration: none;
}
</style>

Note :

  • Code me newfeatureblog ko remove karke uske place par aap apne social media page ka user name likhe.
  • Orange colour se jo number likha hua hai usko hatakar uske place par aap apne social media followers ke number ko likhe.

Ab aapke blog me social media counter widget add ho gaya hai. Aap check kar ke dekh sakte hai. Yadi widget ko blog me lagane me problem aati hai to mujhe comment kar ke bataye.

Agar aapko yah post pasand aaya ho to is post ko apne dosto ke saath social media par share kare.

Share your love
Himanshu Kumar
Himanshu Kumar

Hellow friends, welcome to my blog NewFeatureBlog. I am Himanshu Kumar, a part time blogger from Bihar, India. Here at NewFeatureBlog I write about Blogging, Social media, WordPress and Making Money Online etc.

3 Comments

  1. hello mr himanshu maine apka blog padha mai bhi ek blog banane ki shoch raha hun lekin kya aap bata sakte hai ki blog language seting kaise karte hai aap likh hindi me rahe ho word english ke hai aise me blog ki setting me konsi language select karni hai mai bhi aap hi ki jaisi language me likhan chahta hun pls reply kare

Leave a Reply

Your email address will not be published. Required fields are marked *