Social Media Subscription Widget For Blogger

Social Media Subscription Widget For Blogger

Hello friends, aj mai apke sath share karne wala hoon ek bohot hi usefull aur workful blogger widget. Yea hai Social Media Subscription Widget. Kisivi successful blog ke piche fans / subscribers ka ek bara haat hoti hai. Aur abh Facebook, Twitter, Google Plus, Linkedin, Youtube jaise social media blog ki promotion ke liye aham bhumika nivati hai. Is liye mai aj ek professional social media subscription widget share karunga jisse ap apne blog ko e professional aur expensive look de sakenge. To chaliye dekh lete hai kaise social media subscription widget blog mein jore.

Social Media Subscription Widget For Blogger

Read Also : Adsense se Income Badane Ka 10 Important Tips

Adding Social Media Subscription Widget In Blogger


Niche diye gaye steps 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 select kare.

Step 3. Uske baad niche wale codes copy karke paste kare.

<style type="text/css">
.bgt-social { width: 290px; }
.bgt-social ul { border: 1px solid #CCCCCC; margin: 0; padding: 0; }
.bgt-social ul li { list-style:none; padding: 0; text-transform: none; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #FFFFFF; }
.bgt-social ul li:first-child { border-top: 0 none; }
.bgt-social ul li:last-child { border-bottom: 0 none; }
.bgt-social ul li a { background-color: #F2F2F2 !important; color: #404040; display:block; }
.bgt-social ul li a:hover { background-color: #949494 !important;color: #0d0354; }
.bgt-social ul li .rss { background: url("http://2.bp.blogspot.com/-NdgYDGOx2WU/UXTEcMCT-_I/AAAAAAAAAfQ/VtwyVKuNdJY/s1600/bt-RSS.png") no-repeat scroll 10px center #F87E12; padding: 17.5px 60px; }
.bgt-social ul li .twitter { background: url("http://4.bp.blogspot.com/-9sG2X-wrCeY/UXTEchAQ2HI/AAAAAAAAAfg/gtq9mwSHC1g/s1600/bt-Twitter.png") no-repeat scroll 10px center #4CACEE; padding: 17.5px 60px;}
.bgt-social ul li .facebook { background: url("http://4.bp.blogspot.com/-Q6uMZtVZjHo/UXTEcAQSlHI/AAAAAAAAAfY/ePt9AJoqCrE/s1600/bt-Facebook.png") no-repeat scroll 10px center #3B5998; padding: 17.5px 60px; }
.bgt-social ul li .google { background: url("http://3.bp.blogspot.com/-57g4ooxoC6U/UXTEc0EniXI/AAAAAAAAAfk/G1HU6s-_UTM/s1600/bt-google.png") no-repeat scroll 10px center #D44937; padding: 17.5px 60px; }
.bgt-social ul li .linkedin { background: url("http://1.bp.blogspot.com/-sSNL3X-MkxE/UXTEcJxsHGI/AAAAAAAAAfU/MFYv7v3vAPo/s1600/bt-LinkedIn.png") no-repeat scroll 10px center #3692C3; padding: 17.5px 60px; }
.bgt-social ul li .youtube { background: url("http://3.bp.blogspot.com/-foQvV9Mgig4/UXTEcjfOZPI/AAAAAAAAAfo/kTKqKaFiKNU/s1600/bt-Youtube.png") no-repeat scroll 10px center #C6312B; padding: 17.5px 60px; }
.social-about { display: none; }
</style>
<div class="bgt-social">
<ul>
<li><a class="rss" href="http://feeds.feedburner.com/helperbus">Subscribe HelperBus to RSS</a></li>
<li><a class="twitter" href="https://twitter.com/helperbus">Follow HelperBus on Twitter</a></li>
<li><a class="facebook" href="https://www.facebook.com/helperbusdotcom">Find HelperBus on Facebook</a></li>
<li><a class="google" href="https://plus.google.com/+Helperbus" rel="author">Join HelperBus on Google+</a></li>
<li><a class="linkedin" href="http://linkedin.com/helperbus">Connect with HelperBus on LinkedIn</a></li>
<li><a class="youtube" href="http://www.youtube.com/helperbus">Watch HelperBus Videos on YouTube</a></li>
</ul>
</div>

Customization


Green color wale sare usernames aur HelperBus ko apna username aur Blog Title se replace karde.

Step 4. Last mein Save button mein click kare.

Recommended Posts:



Thats it. Abh professional social media subscription widget apki blog mein jur chuka hai. Apna blog check kare. Kuch problem hua to comment karke mujhe batae. Main help karunga promise. Thank You.

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