Tuesday, February 11, 2020

How To Add Together Google+ Traffic Popular Inward Blogger Together With Growth +1S

Google+ (sometimes written equally Google Plus) is amidst the finest emerging Social Networking website of the twelvemonth 2012 piece Pinterest ends upwards existence second. Google+ has to a greater extent than than 500 1 M one thousand users, which motivates a blogger to add together a Small Google +1 push clitoris on his website. Whenever a visitor hits a +1 button, they are helping y'all to socialize your content, yesteryear distributing your content amongst their friends as well as family. However, sometimes users admire your content, but when it comes to sharing the content on the social spider web they fancy their chances as well as thus, ends upwards inwards non sharing. The neat option of forcing your visitors to +1 your content is to work Google+ Traffic POP that does the undertaking uninterruptedly. Therefore, today inwards this article, nosotros volition Learn How to Add a Google+ Traffic POP inwards Blogger BlogSpot.

In the past, nosotros had released many Social Traffic Pops, which had approximately most pop social buttons i.e. Facebook as well as Twitter. Similarly, this fourth dimension the concept is non novel because nosotros bring exactly replaced the ii other Social sites amongst Google+. We bring too added a Timer, straightaway if a visitor wants to access your site he either bring to similar subscribe or bring to hold off until the timer reaches the zero. 

Before, nosotros acquire onto our Tutorial allow us outset larn the important of a Traffic POP because generally novice bloggers are unaware of it. So hither how it goes:

  • Traffic POP: It is a form of a widget that pops up, whenever a visitor arrives on your website. It blocks access the whole website until a visitors portion your site on whatever of the mentioned social sites. Consider the next screenshot to run into how a Traffic POP looks like. 

How to Add a Google+ Traffic POP inwards Blogger:

We bring kept the steps extremely straightforward so that anyone tin easily apply them on whatever form of website. Yes, it plant on close all platforms. However, since, nosotros promote Blogger Platform. Therefore, the next pedagogy exclusively applies on Blogger Platform.

Go to Blogger.com >> Template >> Edit HTML >> Proceed. Now inside the Template, Search (CTRL+F) for the ending </head> Tag as well as exactly inwards a higher house it glue the next JavaScript Coding.


<!--Google+ Traffic POP for Blogger By Mybloggerlab.com-->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js?ver=3.4.2" type="text/javascript"></script>

<script src="https://apis.google.com/js/plusone.js?ver=3.4.2" type="text/javascript"></script>

<script charset="ISO-8859-1" src="https://mybloggerlab.googlecode.com/files/googlepops.min.js" type="text/javascript"></script>

<style>

#gpp-bg{
display:none;
position:fixed!important;
_position:absolute; /* hack for IE 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
z-index:998;
}

#gpluspop{
position:fixed!important;
_position:absolute; /* hack for IE 6*/
width:450px;
border:7px venture #2f2f2f;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQl3UOdaNw_faI8mGScoLYuj3XLOncKdl1igNdyojaSh9QI8kXjRPkj69iUvaf-LyjCmbfDpblHrE2_HgfVznhG1gVTVAo9mSS1y5uiyXQBIqlRznmPwY899rfuV4B2svWMjE4e1-_pVk/s1600/background.png) move on pump no-repeat #fff;
z-index:999;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
margin:0pt;
padding:0pt;
color:#333333;
text-align:left;
font-family:arial,sans-serif !important;
font-size:13px;
}

#gpp-title{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
font-size:12px;
padding:12px 0px 9px 10px;
font-size:16px;
}

#gpp-close{
float:right;
font-size:12px;
color:#000!important;
margin:0 13px 0 0;
border-bottom:0px !important;
text-decoration:underline !important;
}


#gpp-close:hover{
text-decoration:none !important;
}


#creditosamama { margin-left:10px; margin-top:-10px;}


#creditosamama a { color:#696868}


#gpp-msg{
border-bottom:1px venture #cddcf9;
border-top:1px venture #cddcf9;
background:#ebf2fc;
padding:16px;
}


#gpp-button{
margin:10px 0 0 0;
}


#gpp-bottom{
padding:5px 10px 10px 0px;
}


#gpp-counter{
font-size:11px !important;
margin-top:5px;
text-align:right;
}

</style>
<script>
jQuery(document).ready(function () {
jQuery().googleTrafficPop({
   timeout: 30,
    title: 'Google+ Traffic Pop',
   message: 'Seems Like the Website Is Locked :P Just +1 as well as acquire Access to the Content!',
   url: 'http://www.mybloggerlab.com',
   wait: 0,
   opacity: '0.45',
   advancedClose: false,
   closeable: false
    })
});
</script>

Customization:
  1. Replace http://www.mybloggerlab.com amongst whatever URL that y'all want. Remember: This would endure the URL which will receive all the +1's from your visitors.

  2. If anyone wishing to growth the seconds of the timer then, he tin replace 30 accordingly. Remember: The extension of the timer is in Seconds. 

  3. If anyone wishing to display a Close push clitoris instead of timer so exactly supersede false  amongst truthful from the "closable" JavaScript command. 
That's all, straightaway visitors bring to +1 your site or they bring to hold off until the timers finishes. Since, this gadget catches the history. Therefore, later doing a +1 it volition appear anymore. However, later removing history or clearing cache it volition 1 time again start appearing.

No comments:

Post a Comment