Wednesday, 14 August 2013

How to Add Adsense Ad in Pop Up Widget For Blogger

How to Add Adsense Ad/Like Box in Popup Widget For BloggerHi Friends today i am going to share that how to use Scrolling Popup Facebook Like, Adsense Ad, Twitter follow, Email Subscribe Box  Widget for Blogger and this widget will increase your facebook like, twitter follow, subscribe for  your blog and increase your traffic too. In my previous post I shared Google Plus Slide Out with Hover Effect Widget & Now I'm going to share another useful widget. Its a Pop Out Facebook Like box with Twitter follow & Email Subscribe Box. this is really very cool & fully customized. you can change the widget color with below widget generator. its easy to add on blogger & also on wordpress. this widget comes with default setting of 15 days you can change this with you need.
Don't choose to appear this widget on every visit because it ll make you visiting angry & this ll Irritate them.

So lets move to tutorial & add this beautiful pop out with to you blog / website without wasting any time.




  • Go to your Blogger > Dashboard
  • Select Layout tab.
  • Click on "Add a Gadget" then select "HTML/JavaScript" Gadget.
  • Now Copy the below code and paste it in "HTML/JavaScript" Gadget and Save it.


<style type='text/css'>
#sahisoftFBpop {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#FEFEFE;font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#sahisoftFBpop a.bsclose {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#000000;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:25px;
cursor:pointer;
}
</style>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top
$('#sahisoftFBpop').animate({top:"50px"}, 1000);
// Widget by www.tricksteacher.blogspot.com
$('a.bsclose').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='sahisoftFBpop'>
<!-- Widget by www.sahisoft.blogspot.com Start -->
<center><b><a class="SahiSoft">Don't Forget To Join With Our Community</a></b></center>
<center>
Add Your Code
</center>
<!-- Widget by www.sahisoft.blogspot.com End -->
<a class='bsclose' href='#'>&times;</a>
<center style="float:right; margin-right:10px;"><span style="font-size:xx-small; color:#000; text-decoration:none;">Get this at</span></center></div><a target='_blank' style="font-size:xx-small; color:#3B78CD; text-decoration:none;" href="http://sahisoft.blogspot.com/2013/06/popup-facebook-like-adsense-ad-twitter.html">Sahi Soft</a></center>
</div>


  • Now Replace Add Your Code with Adsense Ad Code or Any other Code.
Provided You By: SAHI SOFT

No comments:

Post a Comment

Contact Us

Name

Email *

Message *