Google Plus Pop UP Widget For Blogger

I already share many amazing tips of CSSon this blog but today I am upcoming with one latest post which we will completely tell you how you can add this beautiful Google+ widget in your blog and increase your Google circles and build a beautiful retaliations.

I recently see on many websites which use this simple widget and increase their facebook likes so I think I will share this simple widget with my site readers and increase their Google+ Circles because Google Circles are also important for increasing your site ranking. If you have a lot of Google Circles so I hope you will get some handsome traffic on your site because when you publish new post on your site and share it on Google+ so your Circles are go to your site and read a latest post of your site so you get some better visitorsand readers by using this widget.

You also see a demo of this beautiful widget simply Click on below Live Demo and view a beautiful look of this widget.

                                                     Live Demo

Futures of Google Plus Pop Up Widget:

If you use this widget in your blog so I hope you get some better results I also share below some better results of this widget.

• You increase your Google Plus Circles day by day.

• This widget work on all browsers like Google Chrome, Firefox, internet explorer etc.

• Original CSSbased widget and designed with beautiful Colors.

• Its Loading speed very fast.

How to add Google Plus Pop Up Light box Widget in Blogger?

1.Log-in to your blogger account and Click on Layout>>Add a Gadget and then Choose HTML/Java Script.

2.Now Copy below Code and past this code in HTML/Java Script box.

<!-- 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">

/***********************************************

* CSS POP-UP With Light Box Effect- © 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 {display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Cf4UQWBDgk-3xyKCCyJnyrIGYmhQepas7ipUJMWLPgnm6-9WnP6cgUtUtySUKB_XvLainB-0jDwdkhqkIyLQOTxlYgUZh4kdL2CI18MJZwH3NHVkk3TH57oq2IZ5AXe6JO81oWLRXw/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;}

#exestylepopup {z-index:9999;background-color: #9ACD32; overflow:none;}

.exestylepopup {width:400px; height:440px; position:fixed; top:45%; left:50%; margin-top:-220px; margin-left:-200px; border: 10px solid #999; padding: 20px;}

.exe-title {background:#000;color: #FFD700;font-size: 20px !important;font-weight:bold;margin:5px 0;border:20px solid #ddd;padding:10px;line-height:25px; font-family:arial !important;}

</style>

<!--[if lte IE 6]>

<style type="text/css">

/*<![CDATA[*/

html {overflow-x:auto; overflow-y:hidden;}

/*]]>*/

</style>

<![endif]-->

<div id="exestylepopupdiv">

<div id="exestylepopup" class="exestylepopup">

<center><h3 class="exe-title">Receive All Updates Via Google+. Just Click The Button Below...</h3></center>

<center>

<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/u/0/107760233030273718328" data-source="blogger:blog:followers" data-width="310">

</div>

<script type="text/javascript">

(function() {

window.___gcfg = {'lang': 'en'};

var po = document.createElement('script');

po.type = 'text/javascript';

po.async = true;

po.src = 'https://apis.google.com/js/plusone.js';

var s = document.getElementsByTagName('script')[0];

s.parentNode.insertBefore(po, s);

})();

</script>

</center>

<br />

<center style=" float:right; margin-right:35px; font-size:9px;" >Powered By <a style=" font-size:9px; color:#FF0000; text-decoration:none;" href="http://www.yourallchoices.blogspot.com/">Your All Choices</a></center>

<center style=" float:left; margin-left:35px; font-size:9px;cursor:pointer;" ><a style=" font-size:9px; color:#FF0000; text-decoration:none;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">Skip To Continue</a></center>

</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. -->

3.Click on the Save.

Note:

Replace highlighted color with your Google Plus Profile URL and then view a new look of your blog.

If you like this simple CSS tip so kindly give me your feedback in comment and also share this post with your friends and keep visiting this site for learn more about blogging and CSS.