Sunday, 11 September 2016

Social Media Fans Counter Widget Ko Blog Me Kaise Add Kare



Social media counter widget ko blog me lagana 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.


how-to-add-social-media-fans-counter-widget-in-blogger


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 Counter Widget Ko Blog Me Kaise Add Kare ?


Step 1

Sabse pahle aap apne blogger ke dashboard me login kare.



Step 2


click on layout


Layout par click kare.



Step 3

Layout par click karne ke baad ek page open hoga.


click on add a gadget


Aapko blog me jis place par social counter widget ko lagana hoi waha par ke Add a Gadget ki link par click kare.



Step 4


click on html/javascript


Ab HTML / JavaScript par click kare.



Step 5

Ab ek new page open hoga.


write title name and paste code and save


a) Title me Follow on Social Media likhe.

b) Niche diye hue code ko copy kar ke box me paste kar de.


<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.


c) Save par click kare.





Ab aapke blog me social media fans 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.

No comments:

Post a Comment

Comment Rules :

1. Comments deemed to be spam or solely promotional in nature will be deleted.
2. Anonymous comments will be deleted. We only accept comment from posters who identify themselves.

About Admin