How to Add One Time Popout Google Plus Add to Circle Widget to your Blog

104682734699439097001

Social networking sites are a good way to get more traffic to your blog.Facebook is the world number one social networking site now.So it is the best place to promote your blog.You can use facebook groups to promote your blog.You can read my previous post about facebook blogging groups here

.30+ facebook blogging groups to promote your blog/website

After facebook google plus is the best one to drive more traffic.You should have more friends on it.If you not have a account on google plus this is the best time to create it.Today I'm going to show how to add one time popout google plus add to circle widget.So if anyone interest about your blog they will add you as a friend on google plus.Let's see how to do it.

Log in to your blogger account and go to design>>>edit html

Press ctrl +f and search for ]]></b:skin> tag.

Paste the below code just above it.

/*Subscription Pop Up Css*/
#popupContactClose{
cursor: pointer;
text-decoration:none;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:transparent;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:200px;
width:400px;
background:transparent;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
/*End Subscription Pop Up Css @ http://www.tech-cave.com */

Now Press ctrl +f again and search for </head> tag.

Copy and paste the below code before it

<!--Pop Up Subscription-->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js' type='text/javascript'/> 
<script src='http://dinhquanghuy.110mb.com/jquery.cookie.js' type='text/javascript'/>
<script type='text/javascript'>
var popupStatus = 0;

//loading popup with jQuery magic!
function loadPopup(){
centerPopup();
//loads popup only if it is disabled
if(popupStatus==0){
$(&quot;#backgroundPopup&quot;).css({
&quot;opacity&quot;: &quot;0.7&quot;
});
$(&quot;#backgroundPopup&quot;).fadeIn(&quot;slow&quot;);
$(&quot;#popupContact&quot;).fadeIn(&quot;slow&quot;);
popupStatus = 1;
}
}

//disabling popup with jQuery magic!
function disablePopup(){
//disables popup only if it is enabled
if(popupStatus==1){
$(&quot;#backgroundPopup&quot;).fadeOut(&quot;slow&quot;);
$(&quot;#popupContact&quot;).fadeOut(&quot;slow&quot;);
popupStatus = 0;
}
}

//centering popup
function centerPopup(){
//request data for centering
var windowWidth = document.documentElement.clientWidth; 
var windowHeight = document.documentElement.clientHeight; 
var windowscrolltop = document.documentElement.scrollTop;
var windowscrollleft = document.documentElement.scrollLeft;
var popupHeight = $(&quot;#popupContact&quot;).height();
var popupWidth = $(&quot;#popupContact&quot;).width();
var toppos = windowHeight/2-popupHeight/2+windowscrolltop;
var leftpos = windowWidth/2-popupWidth/2+windowscrollleft;
//centering
$(&quot;#popupContact&quot;).css({
&quot;position&quot;: &quot;absolute&quot;,
&quot;top&quot;: toppos,
&quot;left&quot;: leftpos
});
//only need force for IE6

$(&quot;#backgroundPopup&quot;).css({
&quot;height&quot;: windowHeight
});

}


//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
if ($.cookie(&quot;anewsletter&quot;) != 1) { 

//load popup
setTimeout(&quot;loadPopup()&quot;,5000); 
} 
//CLOSING POPUP
//Click the x event!
$(&quot;#popupContactClose&quot;).click(function(){
disablePopup();
$.cookie(&quot;anewsletter&quot;, &quot;1&quot;, { expires: 7 });
});
//Click out event!
$(&quot;#backgroundPopup&quot;).click(function(){
disablePopup();
$.cookie(&quot;anewsletter&quot;, &quot;1&quot;, { expires: 7 });
});
//Press Escape event!
$(document).keypress(function(e){
if(e.keyCode==27 &amp;&amp; popupStatus==1){
disablePopup();
$.cookie(&quot;anewsletter&quot;, &quot;1&quot;, { expires: 7 });
}
});

});
</script>
<!--End Pop Up Subscription @ http://www.bloggertricksandtools.com -->

Now save your template

Then press ctrl+f and serach for </body> tag.

Paste below code just before it

<div id='popupContact'>
<a id='popupContactClose'>x</a>
<h1>Add Us On Google Plus</h1>
<p id='contactArea'><center>
<script type='text/javascript'>mbgc=&#39;f5f5f5&#39;;ww=&#39;320&#39;;mbc=&#39;cecece&#39;;bbc=&#39;3F79D5&#39;;bmobc=&#39;3b71c6&#39;;bbgc=&#39;4889F0&#39;;bmoc=&#39;3F79D5&#39;;bfc=&#39;FFFFFF&#39;;bmofc=&#39;ffffff&#39;;tlc=&#39;cecece&#39;;tc=&#39;6a6a6a&#39;;nc=&#39;6a6a6a&#39;;bc=&#39;6a6a6a&#39;;l=&#39;y&#39;;fs=&#39;16&#39;;fsb=&#39;13&#39;;bw=&#39;100&#39;;ff=&#39;4&#39;;pc=&#39;4889F0&#39;;b=&#39;s&#39;; pid=&#39;115054700230747411396&#39;;</script><script src='http://widgetsplus.com/google_plus_widget.js' type='text/javascript'/>

</center><h5>Click Anyware On Blog Background To Close</h5>

<a href='http://www.tech-cave.com/' target='_blank'>Get This Widget</a>

</p>
</div>
<div id='backgroundPopup'/>

Replace the red colour number  with your google  plus profile id

Now save your template.It is finish now.


Share this with your friends.let them know about this

Posted in: Blogging