Skip to main content

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.

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

    ReplyDelete
    Replies
    1. aapko kuchh bhi setting karne ki jarurat nahi hai. Post editor me hindi english dono me likhne ka feature hota hai

      Delete

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.

Popular posts from this blog

AdSense Account को Google Analytics से Link कैसे करे

Google AdSense को Analytics Account से link (connect) करना बहुत जरुरी है क्योंकि दोनों को एक दूसरे से लिंक करने के बाद AdSense से होने वाली earning का report Google Analytics  पर पूरी detail में देख सकते है | वैसे तो AdSense earning का report एडसेंस अकाउंट पर भी देख सकते है परंतु analytics पर ad performance (CTR, eCPM, revenue, etc.) की सारी जानकारी विस्तार से और आसानपूर्वक मिल जायेगी | Analytics पर हमें blog के किस page से कितना Impression, CTR, Pageviews, Click, Revenue, eCPM etc. मिल रहा है, की जानकारी आसानी से मिल जाता है | अतः इससे हमें एनालिटिक्स पर इस बात का पता आसानी से चल जाता है कि blog पर किस प्रकार के content पर high CPC है और अधिक revenue (earning) हो रही है | Google Analytics में अपनी AdSense earning report को analyze करके आप अपने AdSense ads को optimize कर एडसेंस की earning को increase कर सकते है | AdSense Account कैसे बनाये Blog के लिए : Full Guide AdSense Code को Blogger Template में Save करने के बाद आनेवाले Async XML Parsi...

Google Analytics Account को Another AdSense Account से Link कैसे करे

Google Analytics (GA) एक tool है जिस पर हम अपने site or blog के complete stats को देख सकते है | यदि आप अपने AdSense earning को GA पर track करना चाहते है तो Google Analytics  को AdSense Account से link करना होगा | दोनों अकाउंट को link करने के बाद आप AdSense और Analytics दोनों के data को GA के dashboard से ही track कर सकते है | अगर GA अकाउंट और एडसेंस अकाउंट दोनों का e-mail (gmail) अलग-अलग है तब AdSense और Analytics दोनों एक दूसरे से link नहीं होगा | आज मैं आपको इस पोस्ट में इसी के बारे में बताऊंगा कि कैसे एक Google Analytics Account को दूसरे AdSense Account से link कर सकते है | Google Analytics Account बनाकर इसको Blog में कैसे Add करे ? AdSense Account कैसे बनाये Blog के लिए : Full Guide How To Link Google Analytics (GA) with another AdSense Account ? निम्नलिखित steps को अच्छी तरह से follow करे :- Step 1 सबसे पहले Google Analytics में login  करके उसके dashboard पर जाएँ | Step 2 ' Admin ' panel पर click करे | Step 3 Admin ...

BlogSpot Blog में Specific Links का Color Change कैसे करें

इस post में मैं आपको बताने वाला हूँ कि BlogSpot blog में post links, sidebar links, footer links, label links, archive gadget links, comment link, post title के color को change कैसे करते हैं | इसके साथ ही links में beautiful color effects कैसे देते है, के बारे में बताऊंगा | Beautiful color effects वाले Links का होना क्यों जरुरी है ? Blog में beautiful color link का होना बहुत ही जरुरी है | इस तरह के लिंक के तरफ visitors अधिक attract होते है और blog देखने में भी सुन्दर लगता है और links पर click करने के chances भी बढ़ जाते है | इससे blog या site का bounce rate decrease होता है जो SEO  के लिए बहुत ही अच्छा है | अगर आपके blog post में low quality color का link add है तो हो सकता है कि visitors उस लिंक की तरफ आकर्षित न हो और उस पर click न करें और वे आपके site को छोड़कर किसी दूसरे site पर visit कर जाये | इससे आपके site की bounce rate increase कर सकती है जो कि SEO के नजरिये से अच्छा नहीं है | इसलिए आप अपने blog के सभी post में hyperlink को जरूर add करें और लिंक का color...