Popup Facebook Like, Adsense Ad, Twitter follow, Email Subscribe Box Widget For Blogger

Hi 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
 its is very powerful.

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'>
#bloggerspiceFBpop {
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;
}
#bloggerspiceFBpop 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
$('#bloggerspiceFBpop').animate({top:"50px"}, 1000);
// Widget by www.tricksteacher.blogspot.com
$('a.bsclose').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='bloggerspiceFBpop'>
<!-- Widget by www.tricksteacher.blogspot.com Start -->
<center><b><a class="BloggerSpice">Don't Forget To Join With Our Community</a></b></center>
<center>
Add Your Code
</center>
<!-- Widget by www.tricksteacher.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://tricksteacher.blogspot.com/2013/06/popup-facebook-like-adsense-ad-twitter.html">Blogger Spice</a></center>
</div>

 Change Add Your Code with your code
 

Read More

Float AdSense And Other Ads On Left And Right Side Of Your Blog And Website

Hi Friends Today I am going to share, how to use 160px X 600Px AdSense ads which can be float right or left side of your blog and website.  Not only AdSense ads can be float but you can use any affiliates ads to make float.

Go to Blogger.com > 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.

    <style>
    #tricksteacherflotads {
    height:30px;
    width:auto;
    background: #333333 url('..');
    background-repeat:repeat-x;
    text-align:left;
    padding-top:4px;
    }
    #bsadsbase{
    height:600;
    margin:0auto;
    width:180px;
    background:#fff;
    border-bottom:2px #333333 solid;
    border-right:2px #333333 solid;
    border-left:2px #333333 solid;
    text-align:center;
    padding:4px;
    }
    #bsadsheadline{
    opacity:1.0;
    height:auto;
    width:auto;
    position:fixed;
    top:65px;
    left:10px;
    border-bottom:1px #005094 solid;
    border-bottom:0px blue solid;
    color:#333;
    padding:0px;
    z-index:1001;
    font-size:13px;}
    </style>
    <script type="text/javascript">
    function getValue()
    {
    document.getElementById("bsadsheadline").style.display = 'none';
    }
    </script>
    <div id="bsadsheadline">
    <div id="tricksteacherflotads">
    <span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em"></span>
    <span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"><a href="http://www.tricksteacher.blogspot.com" target="_blank" onclick="getValue()">close(x)</a></span>
    </div>
    <div id="bsadsbase">
    <h3></h3>
    <p align="left"><h3></h3></p>
    <p>                                                                                                                         
    Ads code here    <br/></p></div></div>

    Replace "Ads code here" with your AdSense or others ads code.

    Change 180px to increase or decrease wide

    Change Left with right to float right side of your blog.

Read More