Friday, 15 November 2013

21:24

How to add Beautifull Windows 8 Social Pop Up Widget in Blogger

Unknown    No comments


How To ADD Pop-Up Widget in Bloggr

  • Goto www.Blogger.com
  • Goto Layout and Click on Add A Gadget
  • Now scroll on HTML JAVASCRIPT
  • Click "+" icon to add it
  • Now copy below code and paste it in Java Script Gadget Box
  • Leave the title empty
  • Finally Click Save

How to Add in Website

  • Simply goto HTML file
  • Now copy the below code and paste it between the "<body> and </body>"
  • Finally save it

<!-- 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 - © 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTA8HL3LwMuZT9g7LgswCo_IoTtYtoH9My0GpAlhpv3VyhcE9sDE9LYPpOKoz55bRW_zzE5Fc_cacFC0vS9HpD6YJg2WFanq9KCXt-IOdvPulEsmf02aGY7t9APhP_xifIuZJ2nkhndA/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","Helvetica",sans-serif;width:218px;font-size:12px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:400px}.exefixedfooteremailsubscribebox input.subscribe{-moz-box-shadow:inset 0px 1px 0px 0px #fff;-webkit-box-shadow:inset 0px 1px 0px 0px #fff;box-shadow:inset 0px 1px 0px 0px #fff;background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#f0f0f0),color-stop(1,#c9c9c9) );background:-moz-linear-gradient( center top,#f0f0f0 5%,#c9c9c9 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',endColorstr='#c9c9c9');background-color:#f0f0f0;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #dcdcdc;display:inline-block;color:#777;font-family:arial;font-size:13px;font-weight:bold;padding:6px 18px;text-decoration:none;text-shadow:1px 1px 0px #fff}.exefixedfooteremailsubscribebox input.subscribe:hover{background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#c9c9c9),color-stop(1,#f0f0f0) );background:-moz-linear-gradient( center top,#c9c9c9 5%,#f0f0f0 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9c9c9',endColorstr='#f0f0f0');background-color:#c9c9c9}</style><!--[if gte IE 9]><style type="text/css">.gradient{filter:none}</style><![endif]--><!--[if lte IE 6]><style type="text/css"> html{overflow-x:auto;overflow-y:hidden}</style><![endif]--><div id="exestylepopupdiv"><div id="exestylepopup"class="exestylepopup"><!-- Windows 8 Style POP-Up Social Widget By EXEIdeas DIV Start --><div id='boxes'><!-- Windows 8 Style POP-Up Social Widget By EXEIdeas Boxes Start --><div id="exe-facebook"class="gradient"onmouseover="document.getElementById('exe-facebook-hide').style.display='block'"onmouseout="document.getElementById('exe-facebook-hide').style.display='none'"><img align="middle"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT2uYOBTO50IU1EmL_4y0hV2YEh1pocyNumFsNJEprcDk8T1ZKnOIHmUXWxQSsOXPibrm8XvnUbne5E4exQphD0nv0UTfnQkRI7VTM-4w12_beYv_f3MFsOlgAnCjAJCNGrVGj6sEvpQ/s64/facebook-white-64-64.png"width="64px"height="64px"alt="Facebook"/>Facebook<div id="exe-facebook-hide"><!-- Facebook Like --><div style="margin-top:80px;"><iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2FEXEIdeas2010&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=90"scrolling="no"frameborder="0"style="border:none;overflow:hidden;width:100px;height:90px;"allowtransparency="true"></iframe></div><!-- Facebook Like --></div></div><div id="exe-twitter"class="gradient"onmouseover="document.getElementById('exe-twitter-hide').style.display='block'"onmouseout="document.getElementById('exe-twitter-hide').style.display='none'"><img align="middle"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdc4I-SsEhnPYl7Krapi8layKFjCiVE-CsnfIzTqZb55OEbRWLG7glhkVxPht2PPIDrVLnj8cvgeWk1EI6P5ziC8mRvzRapCdih4mJtTNIaLE3jcAx8TOt7JpthenQR6EwlkLYF_3ERw/s64/twitter-white-64-64.png"width="64px"height="64px"alt="Twitter"/>Twitter<div id="exe-twitter-hide"><div style="margin-left:50px;margin-top:10px;"><a href="https://twitter.com/EXEIdeas"class="twitter-follow-button"data-show-count="true"data-size="medium">Follow</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs)}}(document,"script","twitter-wjs");</script></div></div></div><div id="exe-google"class="gradient"onmouseover="document.getElementById('exe-google-hide').style.display='block'"onmouseout="document.getElementById('exe-google-hide').style.display='none'"><img align="middle"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKwAhe7vvlHDBhD55HVkVQocmOuwl9y3Rj5EvkTb4LenUuezAR_w_mLb8sKxFCS4zvS0FwMs8ZdI0sbNDfaNUda_-yNlmi8wrYM9pBeC4a1pEpDm17-8CC73yNaATtMYgztSbTmo0n_Q/s64/googleplus-white-64-64.png"width="64px"height="64px"alt="GooglePlus"/>Google Plus<div id="exe-google-hide"><div style="margin-top:20px;"><a target="_blank" href="//plus.google.com/102256859586166648016?prsrc=3"rel="publisher"style="text-decoration:none;display:inline-block;color:#333;text-align:center;font:13px/16px arial,sans-serif;white-space:nowrap;"><span style="display:inline-block;font-weight:bold;vertical-align:top;margin-right:5px;margin-top:8px;">Add on</span><img src="//ssl.gstatic.com/images/icons/gplus-32.png"alt="Google+"style="border:0;width:32px;height:32px;"/></a></div></div></div><div id="exe-rss"class="gradient"onmouseover="document.getElementById('exe-rss-hide').style.display='block'"onmouseout="document.getElementById('exe-rss-hide').style.display='none'"><img align="middle"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLfLs5xHLbhJXXACrs35aiCoNutizsBn-0JD255YS9QnQe8ZVhUPVvYSPXIsvUfUBgCkukF_bdusat4hji3TbErJnwyUCEqyy0eKgTxorD3E1dqgxn0xR5WesVEO9vrNGLrlXrNVqsOg/s64/rss-white-64-64.png"width="64px"height="64px"alt="RSS"/>RSS<div id="exe-rss-hide"><div style="margin-top:50px;"><div class="exefixedfooteremailsubscribebox"><form action="http://feedburner.google.com/fb/a/mailverify"method="post"target="popupwindow"onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=exefixedfootersocialicon','popupwindow','scrollbars=yes,width=550,height=520');return true"><input class="email"type="text"id="email"name="email"value="Enter Your Email Here.."onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;"onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;"/><input type="hidden"value="EXEIdeas"name="uri"/><input type="hidden"name="loc"value="en_US"/><br /><input class="subscribe"name="commit"type="submit"value="Subscribe Us To Get Our News-Letter Directly Into Your E-Mail"/></form><center style="color:#333;margin-top:10px;font-size:10px;">E-Mail Will Be Delivered By FeedBurner.</center></div></div></div></div><!-- Windows 8 Style POP-Up Social Widget By EXEIdeas Boxes End --></div><br /><center class="gradient" style="padding:10px;background-color:#66CD00;color:#fff;cursor:pointer;text-align:center" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">Thanks For Providing Me Your Social Networks Link, Let's Take Me In...</center><!-- Windows 8 Style POP-Up Social Widget By EXEIdeas DIV End --></div></div><!-- 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. -->

Important Customizations

Change EXEIdeas2010 with your facebook page name
Change EXEIdeas  with your Twitter Username
Change 102256859586166648016 with your Google Plus ID
Change EXEIdeas with your RSS Feed burner ID
Author

Unknown

Myself Mohammad Bilal.I am Web Designer and Software Engineer and Student of Masterz from BZU Multan.
Related Posts

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)

 

Copyright @ 2013 UrDuTuTs4u.

Designed by Templateism | MyBloggerLab