Add Google+ Popup Followers Widget For Blogger[How To].

The social networking site is like Facebook, Google+, Twitter etc. has billions of users. Here we can share our stuffs, photos with others, make some new friends, chat with friends, and meeting new people all across the world. But now it is not just a social site for having fun and meeting friends, it becomes a huge platform for all webmasters, bloggers, internet marketer to drive huge traffic to their site. Many webmasters are targeting social site to increasing their revenue and also their social fan following. If you are following some Pro bloggers then you might hear about the importance of social networking site. You can see many bloggers are using Social widgets like Facebook Like a box, Google+ Follow widget, etc. In their blog to increase social fan following. In this social war Google+ has also own impact. Google+ is a part of Biggest search engine Google. You can find Google+ followers widgets in almost every blog or website. Here is a popup widget for your Blogger blog to increase your fan following. Best responsive blogger templates 2015 free download

Before moving to the Widget let’s have a look on the basic advantages of using Google+ Widget.
Must ReadWhat is Alexa and How does it work?

Advantages Of Using Google+ Widget.

As you know Google+ is the part of Google Like Blogger. It will inform all your friends or followers to whenever you post a new article to your blog. It creates a reader of your blog. It also helps to better rank in Google Search Result. best practice to generate traffic from google

Advantages Of This Popup Widget

  • It Has simple Layout which Doesn’t affect The blog loading Time.
  • Nice and simple Style which attracts the reader to follow your or your blog page.
  • Made with CSS and Java script.
  • Automatically appears when the homepage loads.
  • Shows the number of followers with little Image.
  • Having a skip button to skip this widget.
  • how to find commentluv blog free

Recommended–>> How to add alexa widget to blogger

How To Add Popup Google+ Widgets To Blogger?

Check the demo of this widget From HERE
Follow the Below Step To Add this awesome widget to your Blog.

  • Paste The Below Code.

<style type=”text/css”>
/***********************************************

www.techtricksclub.com

***********************************************/
* html #exestylepopupdiv {position:absolute;}
#exestylepopupdiv {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 {z-index:9999;background-color: #fff; overflow:none;}
.exestylepopup {width:400px; height:440px; position:fixed; top:45%; left:50%; margin-top:-220px; margin-left:-200px; border: 10px solid #4690B3; padding: 20px;}
.exe-title {background:#4690B3;color: #fff;font-size: 20px !important;font-weight:bold;margin:5px 0;border:5px solid #a7d9d6;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”>Want Update, Add to Your Circle</h3></center>
<center>
<div class=”g-plus” data-action=”followers” data-height=”300″ data-href=”https://plus.google.com/+Techtricksclub1” 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:12px;” >Modify By-<a style=” font-size:12px; color:#4690B3; text-decoration:none;” href=”http://www.techtricksclub.com”>Rabin</a></center>
<center style=” float:left; margin-left:35px; font-size:9px;cursor:pointer;” ><a style=” font-size:12px; color:#4690B3; text-decoration:none;” onmouseup=”document.getElementById(‘exestylepopupdiv’).style.display=’none'”>&#91;&times;&#93;Skip To Continue</a></center>
</div>
</div>
<!– www.techtricksclub.com –>

  •  Now Change The “Red” Color Text With Your Text.(What You Want To Show On the widgets head) and “Blue Color Link With your Google+ Profile Link.
  • Click Save and you are done.
  • How to check if a website is responsive or not

Final Word

So what about this widget. I hope you liked this article and widgets. This is a simple a widget to increase your fan following of your profile in order to Increase your blog readership and traffic. This is the first time i am writing about any blogger widget so let me know how you like this article or Not. Hope to get Good response.

Speak Your Mind

*

Pin It on Pinterest

Share This