Social Media Fans Counter Widget For Blogger

Aj mai apke sath ek bohot hi amazing aur attractive blogger widget share karne ja raha hoon. HelperBus mein mai hamesha acche se acche blogging related products dene ki kaushish karta hoon. Aj jo widget share karunga wo hai Social Media Fans Counter Widget. Isse ap apna fans ko acchi tarha se display kar sakte hai. Ye widget se ap apna Facebook, Twitter, aur RSS fans ko display kar paenge. Is mein ye tino buttons ek stylish look mein hogi. Ye bohot hi simple aur clean design wala blogger widget hai. Isse apki readers ko apki blog se intrest vi badegi. To chaliye dekh liya jae kaise social media fans counter widget ko blogger blog mein jore.

Read Also : Blogger Blog Mein Kaise Drop Cap Effect (Big First Letter) Jore?

Social Media Fans Counter Widget For Blogger

Blogger Mein Kaise Social Media Fans Counter Widget Jore?


Simply niche diye gaye steps ko follow kare.

Step 1. Pahle apna Blogger account mein log in karke Dashboard > Layout > Add a Gadget mein click kare.

Step 2. Abh HTML/JavaScript ko choose karke niche wala code ko copy karke paste kare.

<div class="sidebarContainer" id="sidebarSubscribe">
            <a target="_blank" href="http://feeds.feedburner.com/helperbus" class="subscribeSidebarBox" id="subscribeRSS">
                <span class="icon"></span>
                <span class="title">Subscribe to Our RSS feed</span>
                <span class="count">2000+</span>
            </a>
         
            <a target="_blank" href="http://www.twitter.com/helperbus" class="subscribeSidebarBox" id="followTwitter">
                <span class="icon"></span>
                <span class="title">Follow HelperBus on Twitter</span>
                <span class="count">1000+</span>
            </a>
         
            <a target="_blank" href="http://www.facebook.com/helperbusdotcom" 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>

Customizations


1. http://feeds.feedburner.com/helperbus ko apne RSS Feed URL se replace kare aur 2000+ mein apna rss feed subscriber ki sankhya dale.

2. http://www.twitter.com/helperbus ko apne Twitter Account URL se replace kare aur 1000+ ko apna twitter followers ki sankhya se replace kare.

3. http://www.facebook.com/helperbusdotcom ko apna Facebook Page ki URL se replace karde aur 800+ ko apna total facebook page likers ke sankhya se replace kare.

Step 3. Abh Save button mein click karke widget save kare.


Abh apka Social Media Fans Counter ready hai. Apna blog check kare. Koi problem ho to comment karke mujhe bata sakte hai. Thanks.

SHARE THIS

Author:

I'm an 18 years aged Passionate Blogger from West Bengal, India. I just love to write articles and share them with people. The day was 28th September 2015, when my dream of having a website comes true and I made this website to help you and peoples like you!

Previous Post
Next Post
10/18/2016 11:47 pm

Really a nice tutorial, keep posting. Can you please tell which wordpress product feed plugin is best suit for my woocommerce website?

Reply
avatar
10/19/2016 8:57 am

@Saiful, Thanks for commenting on this blog. Wordpress experts can give you better answer than me.

Reply
avatar