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:
- 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.
- 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.
- If anyone wishing to display a Close push clitoris instead of timer so exactly supersede false amongst truthful from the "closable" JavaScript command.


No comments:
Post a Comment