Awesome Windows 8 Style Social POP-Up Widgets For Blog/Site

Posted on Thursday, 15 August 2013


Awesome Windows 8 Style Social POP-Up Widgets For Blog/Site

Are You Using Win-8 On Your PC? Did You Like It's Desktop? So Why You Don't Have Same Desktop For Your Blog? Now Add Awesome Windows 8 Style Social POP-Up Widgets For Blog/Site In Easy Way.
How can you tell that a blog or a website is successful? Obviously, some would say that it depends on the traffic, increase subscription rates, and develop loyal readership. We also follow that but design and ofcource Responsive Design is a key to be pro with web.Recently the release of windows 8 that have an awesome design metro style desktop that look so cute ever then before any version of windos even Win7 Dock menu.

What Is Metro Style?

Metro is an internal code name of a typography-based design language created by Microsoft, originally for use in Windows Phone 7. A key design principle of Metro is better focus on the content of applications, relying more on typography and less on graphics (content before chrome). Early uses of the Metro principles began as early as Microsoft Encarta 95 and MSN 2.0, and later evolved into Windows Media Center and Zune. Later the principles of Metro were included in Windows Phone, Microsofts website, the Xbox 360 dashboard update, and Windows 8.(Source:Wiki)

What Are POP-Ups?

PoP-Ups are the divs that will be like a wall between the eyes of your reader and your content, It insist the visitor to see him first before any other thing on the site. Creating pop-ups for your website is not an easy task. You need to have knowledge of programming to be able to generate the codes that define your intended pop-up. Fortunately, there are lots of easily configurable pop-up codes available all over the internet with jQuery and JavaScript. But there are also CSS Based PopUp that even not contain Script tag Or JQuery file as we have shown you in our previous post.

What We Have?

We just release our CSS based Social POPUP that contain all four most important big social network in Metro Style without any JavaScript code. In our POP-Up, we have Facebook Page Like buttom with count in framed content, Twitter Follow button with count in Script tag as they offically have, Google plus add to circle official button and rss email subscribtion form, These four are all about it and On-Haver effect is also enabled. It will increase your social existant and fans, It's also light weight, So without any more preface, just get the code by going throught features list and the live DEMO.

CLICK HERE TO SEE DEMO

Features:

1.) Awesome And Stylish POP-UP.
2.) Full CSS-Based, Without Script Tag Or jQuery File.
3.) Windows 8 Style Metro Type POP-Up.
4.) Facebook Like Button Included.
5.) Twitter Follow Button Included.
6.) Google Plus Add To Circle Button Included.
7.) FeedBurner E-Mail Subscribtion Included.
8.) Close Button Enabled.
9.) Quick To Load And Easy To Install.
10.) Hover Effect Also Enabled.
11.) Css3 Code Added.
12.) Works On All Working Browsers.

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.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 type="text/css">
/***********************************************
* Windows 8 Style POP-Up Social Widget - A© EXEIdeas (www.exeideas.com)
* This notice must stay intact for use.
* Visit http://www.exeideas.com/ for full source code.
***********************************************/
* html #exestylepopupdiv{position:absolute} #exestylepopupdiv{z-index: 9999999;display:block;top:0px;left:0px;width:100%; height:100%; position:fixed; background-image:url('https://lh3.googleusercontent.com/-rUv4L_9nz-8/T9sfSSJaZNI/AAAAAAAACf0/ETEgFKt-rR4/s128/exeideasopacity0.5.png');margin:0;overflow-y:auto}#exestylepopup{overflow:none}.exestylepopup{width:700px;height:400px;position:fixed;top:50%;left:50%;margin-top:-200px;margin-left:-350px}#boxes{margin:0 auto;width:700px;height:400px}#exe-facebook{position:relative;float:left;width:445px;height:195px;color:#fff;font:15px Arial;text-align:center;background-color:#2C84EE;text-decoration:none;line-height:175px}#exe-facebook-hide{display:none;background-color:#2C84EE;color:#fff;position:absolute;top:0px;left:0px;width:445px;height:195px;box-shadow:0px 0px 6px 3px #2C84EE;-webkit-box-shadow:0px 0px 6px 3px #2C84EE;-moz-box-shadow:0px 0px 6px 3px #2C84EE;-o-box-shadow:0px 0px 6px 3px #2C84EE;-ms-box-shadow:0px 0px 6px 3px #2C84EE}#exe-twitter{position:relative;float:left;width:245px;height:195px;margin-left:10px;color:#fff;font:15px Arial;text-align:center;background-color:#00BBE2;text-decoration:none;line-height:175px}#exe-twitter-hide{display:none;background-color:#00BBE2;color:#fff;position:absolute;top:0px;left:0px;width:245px;height:195px;box-shadow:0px 0px 6px 3px #00BBE2;-webkit-box-shadow:0px 0px 6px 3px #00BBE2;-moz-box-shadow:0px 0px 6px 3px #00BBE2;-o-box-shadow:0px 0px 6px 3px #00BBE2;-ms-box-shadow:0px 0px 6px 3px #00BBE2}#exe-google{position:relative;float:left;width:245px;height:195px;margin-top:10px;color:#fff;font:15px Arial;text-align:center;background-color:#E51400;text-decoration:none;line-height:175px}#exe-google-hide{display:none;background-color:#E51400;color:#fff;position:absolute;top:0px;left:0px;width:245px;height:195px;box-shadow:0px 0px 6px 3px #E51400;-webkit-box-shadow:0px 0px 6px 3px #E51400;-moz-box-shadow:0px 0px 6px 3px #E51400;-o-box-shadow:0px 0px 6px 3px #E51400;-ms-box-shadow:0px 0px 6px 3px #E51400}#exe-rss{position:relative;float:left;width:445px;height:195px;margin-left:10px;margin-top:10px;color:#fff;font:15px Arial;text-align:center;background-color:#fd9f13;text-decoration:none;line-height:175px}#exe-rss-hide{display:none;background-color:#fd9f13;color:#fff;position:absolute;top:0px;left:0px;width:445px;height:195px;line-height:0px;box-shadow:0px 0px 6px 3px #fd9f13;-webkit-box-shadow:0px 0px 6px 3px #fd9f13;-moz-box-shadow:0px 0px 6px 3px #fd9f13;-o-box-shadow:0px 0px 6px 3px #fd9f13;-ms-box-shadow:0px 0px 6px 3px #fd9f13}.gradient{background:-moz-linear-gradient(-45deg, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,rgba(0,0,0,0.25)),color-stop(100%,rgba(0,0,0,0)));background:-webkit-linear-gradient(-45deg, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%);background:-o-linear-gradient(-45deg, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(-45deg, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(135deg, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000',endColorstr='#00000',GradientType=1 )}.exefixedfooteremailsubscribebox input.email{padding:7px 10px 7px 10px;font-family:"Arial",
Read more about Awesome Windows 8 Style Social POP-Up Widgets For Blog/Site



Related read :

Awesome Kerala style laterite house design
2300 Square Feet (214 Square Meter) (255 Square Yards) 4 bedroom laterite house exterior. Designed by Aakriti design studio, Dubai & Kerala.Square feet detailsGround floor Area : 1450 Sq.Ft.First
Facebook Offers New Windows Into Social media Conversation
Facebook Offers New Windows Into Social media Conversation Facebook is releasing 2 new search tool on Monday designe to give news organizations and potentially, marketers more insights into the
?11/9 Update?Flat Price Sales 2014 New Style Korean Summer Spring Fashion Dress
Buy 3 Free Courier service ALL FLAT PRICE No Option Fee Any purchase of 3pcs will be auto upgrade to courier service For commercial address, delivery would be from Monday to Friday during