About Social Widget:
I assume you already know the value of social networks in blogging. If your blog's social engagement is good enough, you will must be successful. What we don't do to make our social engagement better? But putting a social widget on your blog could be making the things easier for you.- Don't Miss: Adblocker detector for blogger.
- Blogger SEO: All in one SEO pack for blogger blog.
Features of This Widget:
This is unique & amazing social widget for your blogger blog. There are so many advantage of this widget. The main features are as flowing:- Eye catching hover effect
- Four (facebook, twitter, google+, rss) in one
- No external script
- No external CSS
- Fast loading
- Adjustable with all themes
- Responsive
- Google feedburner
- Unique design
Demo:
.::BE SURE YOUR BROWSER SUPPORT ANIMATED IMAGE::.
Live Demo
Live Demo
How to Install:
Installing this widget is really easy than others. You just have to put a single piece of code in a gadget (HTML/JavaScript). No need to install the CSS & Script separately. No hassle of editing Template. So this will be real easy to install for newbies too. Follow the steps:- Log in to your blogger account, select Layout from blogger main menu.
- Now click on "Add a Gadget" from layout page.
- From new pop up window click on HTML/JavaScript.
- Now give a title to the widget & immediately copy and paste the whole piece of below code in Content area. Hit the Save button.
<style>#NBL-SNS {width: 260px;margin: 5px 20px;padding:5px;}#NBL-SNS li {cursor: pointer;height: 48px;position: relative;list-style-type: none;}#NBL-SNS .icon {background: #D91E76 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY_W_9jzlVFrk_0xsqC3f0yj41KCYNYSXTeqXV2bJmsHKH2wdP7bNw3XvKU2CSUEeEfU79I3NoeKAKQ6HK4PKYAfi53RaO9dWsmgE5_hG0t1EGAoQs6K0odwynjfVUn27fRWjiljULVTY/s1600/NBL-Social_Button.png') 0 0 no-repeat;background-color: rgba(217, 30, 118, .42);border-radius: 30px;display: block;color: #141414;float:none;height: 48px;line-height: 48px;margin: 5px 0;position: relative;text-align: left;text-indent: 90px;text-shadow: #333 0 1px 0;white-space: nowrap;width: 48px;z-index: 5;-webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out;-moz-transition: width .25s ease-in-out, background-color .25s ease-in-out;-o-transition: width .25s ease-in-out, background-color .25s ease-in-out;transition: width .25s ease-in-out, background-color .25s ease-in-out;-webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;-moz-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;-o-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;text-decoration: none;}#NBL-SNS span:hover {visibility: hidden;}#NBL-SNS span {display: block;top: 15px;position: absolute;left: 90px;}#NBL-SNS .icon {color: #fafafa;overflow: hidden;}#NBL-SNS .fb {background-color: rgba(45, 118, 185, .42);background-position: 0 -382px;}#NBL-SNS .twit {background-color: rgba(0, 161, 223, .42);background-position: 0 -430px;}#NBL-SNS .google {background-color: rgba(167, 0, 0, .42);background-position: 0 -478px;}#NBL-SNS .pint {background-color: rgba(204, 0, 0, .42);background-position: 0 -526px;}#NBL-SNS .linked {background-color: rgba(0, 87, 114, .42);background-position: 0 -574px;}#NBL-SNS .ytube {background-color: rgba(170, 0, 0, .42);background-position: 0 -670px;}#NBL-SNS .rss {background-color: rgba(255, 109, 0, .42);background-position: 0 -718px;}#NBL-SNS li:hover .icon {width: 250px;}#NBL-SNS li:hover .icon {background-color: #d91e76;}#NBL-SNS li:hover .fb {background-color: #2d76b9;background-position: 0 2px;}#NBL-SNS li:hover .twit {background-color: #00A1DF;background-position: 0 -46px;}#NBL-SNS li:hover .google {background-color: #A70000;background-position: 0 -94px;}#NBL-SNS li:hover .pint {background-color: #C00;background-position: 0 -142px;}#NBL-SNS li:hover .linked {background-color: #005772;background-position: 0 -190px;}#NBL-SNS li:hover .ytube {background-color: #A00;background-position: 0 -286px;}#NBL-SNS li:hover .rss {background-color: #EC5601;background-position: 0 -334px;}#NBL-SNS .icon:active {bottom: -2px;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;}</style><ul id="NBL-SNS"><li><a href="http://www.facebook.com/BlogspotYard" target="_blank" class="icon fb">Like us on Facebook</a><span>Like us on Facebook</span> </li><li><a href="https://twitter.com/SPBlogspotyard" target="_blank" class="icon twit">Follow us on Twitter</a><span>Follow us on Twitter</span> </li><li><a href="https://plus.google.com/109122903861229948575" target="_blank" class="icon google">Follow us on Google+</a><span>Follow us on Google+</span> </li><li><a href="http://feeds.feedburner.com/BlogspotYard" target="_blank" class="icon rss">Subscribe via RSS</a><span>Subscribe via RSS</span></li></ul><div><div style='clear: both;'><div style='display: none ! important;'><a href="http://www.blogspotyard.com" rel="dofollow">Blogger Widget</a></div></div></div>
Customization:
Replace all 4 red marked texts with your own social & feed burner link.- "http://www.facebook.com/BlogspotYard"
- "https://twitter.com/SPBlogspotyard"
- "https://plus.google.com/109122903861229948575"
- "http://feeds.feedburner.com/BlogspotYard"
No comments:
Post a Comment