Coloured All In One Social Page Widget For Blogger/WordPress Blog

Stylish Colored all in one social page widget is blogger widgets used to represent all your Social Page and other social profile.This widget is a multicoloured widget which will surely attract readers and will promote to subscribe to your blog.This widget can be installed on any blog with any niche.Blogger template is not a matter in this case but it will be more attractive if you are using Multicoloured Blogger templates.

All in one Social Page Widget has : RSS|Twitter|Facebook|Google+|Linkedin|YouTube| with icons

                                                          LIVE PREVIEW

To add this stunning widget to your blog just follow the below given instruction

  • Blogger
  1. Go to Dashboard
  2. Click on Layout
  3. Select Add Gadget
  4. Choose HTML/Javascript
  5. Paste the below given code
  6. Thats All
  • WordPress
  1. Go to Dashboard
  2. Click on Appearence 
  3. Click on Widgets
  4. Click on Text
  5. Paste the below code into the box and save it
  6. Thats all!!!

Code for All in one Social Page widget :

<div class=”btnt-chronicl-social”> <ul> <li><a class=”rss” href=”http://feeds.feedburner.com/IpeeWorld-TechnologicalArt“>Subscribe to the RSS Feed</a></li> <li><a class=”twitter” href=”https://twitter.com/astrojosephfire“>Follow us on Twitter</a></li> <li><a class=”facebook” href=”https://www.facebook.com/ipeeworld“>Find us on Facebook</a></li> <li><a class=”google” href=”https://plus.google.com/105182949497600212973″>Join us on Google+</a></li> <li><a class=”linkedin” href=”http://in.linkedin.com/in/yourname“>Connect with us on LinkedIn</a></li> <li><a class=”youtube” href=”https://www.youtube.com/channel/UCmYhU6FN585aQ0-y8OK6j9w“>Watch us on YouTube</a></li> </ul> </div> <style type=’text/css’> /*<![CDATA[*/ .btnt-chronicl-social { width: 320px; margin: -10px; } .btnt-chronicl-social ul { margin: 0; padding: 0; } .btnt-chronicl-social ul li { list-style:none; padding: 0; text-transform: none; } .btnt-chronicl-social ul li a { color: #fff; display:block; } .btnt-chronicl-social ul li a:hover { color: #c9c9c9; background-color: #333; } .btnt-chronicl-social ul li .rss { background: url(“http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png”) no-repeat scroll 10px center #F87E12; background-size: 20px; padding: 17.5px 45px; } .btnt-chronicl-social ul li .twitter { background: url(“http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png”) no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px 45px;} .btnt-chronicl-social ul li .facebook { background: url(“http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png”) no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 17.5px 45px; } .btnt-chronicl-social ul li .google { background: url(“http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png”) no-repeat scroll 10px center #D44937; background-size: 20px; padding: 17.5px 45px; } .btnt-chronicl-social ul li .linkedin { background: url(“http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png”) no-repeat scroll 10px center #3692C3; background-size: 20px; padding: 17.5px 45px; } .btnt-chronicl-social ul li .youtube { background: url(“http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Youtube-1.png”) no-repeat scroll 10px center #C6312B; background-size: 20px; padding: 17.5px 45px; } /*]]>*/ </style>

Also check : SEMrush  SEO Tool Review 2015 To Find Your Blogging Competitor

Edits to make : 

  • Change Yellow  Coloured  Links with yours
  • Change Blue coloured  Text with your Caption
This All in one Social Page Widget can be used to represent your official Social Pages or Profiles in your Blog/Website.The multicoulour scheme makes the widget more attractive thus makes increase in your Social followers.  

About Astro Joseph

Hi, I'm Astro Joseph the founder and CEO of IPEE World and IPEE Network.I started this blog for a passion and it is now empowering millions of readers around the globe.Read more about me at About and Contact page.

Leave a Reply

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