Hello bloggers and webmasters, We hope that everyone are doing good. After releasing many social network widgets before, here we are something new as we all know that there are unlimited benefits available in social media platforms for promoting our blog/website. So nearly everyone have its social circle to promote himself or be connected through there fans. The only way to get real and organic fans and followers is from your related site or blog. Because when a visitor will visit your blog and like your article then it will like your social page or account because he knows that you are sharing such an awesome articles. For this purpose, we have to provide him a attractive way to proceed to our social accounts.
Getting traffic to any blog or website is the result of advertisement or social sharing. Since advertising is not a free source so most of the bloggers avoid this and they mostly try social sharing. For a new webmaster, only adding plugins and widgets comes to mind when they think of social sharing. Though its very easy to get plugins for this purpose but newbie always get difficulties in adding such things and also they don’t get social sharing widgets very easily.
Today we have something as in Windows 8 style and will add this unique social media widget in your blog and sites which is looks like windows 8 titles/Desktop metro style boxes. In this widget you can link up your social media profiles. (RSS feed, Facebook, Twitter, Google Plus) This is an extra colorful attraction to concentrate your readers for subscribing. I have already applied it to our test blog. So, before you apply it on your blog, you can simply watch a demo.
Table of Contents
Features:
1.) Stylish Windows 8 Design.
2.) Metro Style Social Buttons.
3.) Image Base Widget.
4.) Simple Coding And Attractive Graphics.
5.) HTML-CSS Only, No JavaScript Or JQuery.
6.) Cross Browser Supported.
7.) All Platform Supported.
8.) Attractive Style To Increase Social Followers Count.
9.) Fully SEO Optimized.
10.) You Can Customize It If You Want To Do It.
How To Add In Blogspot?
1.) Go To Your www.blogger.com
2.) Open Your Desire “Blog“.
3.) Go To “Layout“.
4.) Click “Add A Gadget” Where You Want To Add It.
5.) Now Scroll To “HTML-JAVASCRIPT“
6.) Click “+” Icon To Add It.
7.) Now Copy The Below Code And Paste It To There.
8.) Leave The Title Empty.
9.) Click Save, Now You Are Done.
How To Add In Website?
1.) Just Go To Your HTML File.
2.) Now Copy The Below Code And Paste It Between “<body> </body>“.
3.) Save It, Now You Are Done.
<!-- This Is A CopyRight Code Of www.exeideas.com It Is Free To Use But With HTML Design Code.If AnyOne Found To Be Changing This Code Should Be Under Legal Action Via DMCA. -->
<style>
#exe_social_widget{width:300px;}
#exe_social_widget ul {padding:0px;margin:0px;}
#exe_social_widget ul li{list-style-type:none; display:inline;opacity:0.5;filter:alpha(opacity=50);}
#exe_social_widget ul li:hover{opacity:1;filter:alpha(opacity=100);}
</style>
<div id="exe_social_widget">
<h2>Find Us On Social Media...!!!</h2>
<ul>
<li><a target="_blank" rel="nofollow" alt="Like Us On Facebook" title="Like Us On Facebook" href="https://www.facebook.com/EXEIdeas2010"><img src="https://lh3.googleusercontent.com/-GJX_VnxDggw/UhHIemknsBI/AAAAAAAAHmc/qk8kH1lqFh8/s150/Adding-Us-On-Facebook.png" width="147" height="147"/></a></li>
<li><a target="_blank" rel="nofollow" alt="Follow Us On Twitter" title="Follow Us On Twitter" href="http://www.twitter.com/EXEIdeas"><img src="https://lh3.googleusercontent.com/-p4_DDU-Ir1Y/UhHIepe3fyI/AAAAAAAAHmU/3f3kx2GDh0o/s150/Follow-Us-On-Twitter.png" width="147" height="147"/></a></li>
<li><a target="_blank" rel="nofollow" alt="Add Us In Your Circle" title="Add Us In Your Circle" href="https://plus.google.com/102256859586166648016"><img src="https://lh4.googleusercontent.com/-b-LdiJugWco/UhHIesRcCNI/AAAAAAAAHmY/jQ69I8CtB2M/s150/Circle-Us-On-Google%252B.png" width="147" height="147"/></a></li>
<li><a target="_blank" rel="nofollow" alt="Subscribe Our RSS Feed" title="Subscribe Our RSS Feed" href="http://feeds.feedburner.com/EXEIdeas"><img src="https://lh4.googleusercontent.com/-qyhxsUyVaz0/UhHIfDOqL6I/AAAAAAAAHmk/leFNnKifEwk/s150/Subscribe-To-Our-RSS.png" width="147" height="147"/></a></li>
</ul>
</div>
<!-- This Is A CopyRight Code Of www.exeideas.com It Is Free To Use But With HTML Design Code.If AnyOne Found To Be Changing This Code Should Be Under Legal Action Via DMCA. -->
Customization:
1.) Change Blue Highlighted Links With Your Links.
2.) Move Your Gadget To Sidebar.
3.) Save And Done.
From Coders:
That’s all we have. If You like it then use a it and comment your views below and if you have any query or need help then feel free to contact us anytime. We will solve your query as fast as we can but will sure. Anyway, be with us to get next hot widget.
keren gan saya ijin bookmark ya hehehe
Please Use English…
How can I make it show once in a day?
Pls. help…
@Hassan Oluwaseun
Its CSS Based To Keep It Load Fast So This Function That Require JQuery Can’t Be Added Here…