How to display Legal Sticky Footer, Left & Right AdSense Ads in Blogger?

Advertisements

Hello Every One , Welcome to My Blog www.MohammadSuhail.Com

Having a google Adsense Account may be a typical task for you nowadays. But making money through google adsense may be more than it . If you are having google adsense Adsense account , you are lucky one. 

Many of them is complaining that they not making good amount of money in spite of applying Adsense ads in their Websites / Blog . 

In this post i will give you the best method by which you can make a decent money by applying the java script  widget code in your blog.

This code is legal. There will not be create any issue after using this code. These are the blog code in which you can insert your adsense ads code. You only have to put the code in blogger template layout area. The adsense ads will automatically display in thees blog codes. 

Follow the following steps to apply these Sticky Footer AdSense Ads in Blogger?

Step 1. Go to your www.blogger.com 

Step 2. Select your blog in which you want to Open all Internal or External Links in New Tab

Step 3. Click on Layout from Left Menu.

Step 4. Click on Add A Gadget in your Layout Area -- A Popup Windo will open.

Step 5. Click on + icon to add a HTML/JavaScript.

Step 6. Copy the following Code and paste in the HTML/JavaScript blank space.

<script type='text/javascript'>

$(document).ready(function() {$('img#closed').click(function(){$('#bl_banner').hide(90);});});

</script>

<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>

<div>

<a id='close-fixedban' onclick='document.getElementById("fixedban").style.display = "none";' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN7zA8XxIDWJ4UA2cB2fjsw9wd7ytNx3jvxRxlTDpGBHOFgOjtm5SgMi5TqzWwe2icMfIIOjQCmo4XJKvFw6W7175PByi2LT4S7amxP4hK9SOKT5IHArfTtAcRAOUVBFEpj8hRZ5Q_zCI/s324/multiply_green.png' height='20' width='20' title='close button' style='vertical-align:middle; float:right;'/></a></div>

<div style='text-align:middle;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>

<----Enter Ads Code----> Display Ads Size 340x55

</div>

</div>

Step 7. Create an ad Unit of Size 340x55 from Display ads and paste the code in above Highlighted code

Step 8. Click on save Button.

You  are done. now you have successfully added Sticky Footer AdSense Ads in Blogger Template.

Follow the following steps to apply these StickyLeft & Right AdSense Ads in Blogger? 

Step 1. Go to your www.blogger.com 

Step 2. Select your blog in which you want to Open all Internal or External Links in New Tab

Step 3. Click on Layout from Left Menu.

Step 4. Click on Add A Gadget in your Layout Area -- A Popup Windo will open.

Step 5. Click on + icon to add a HTML/JavaScript.

Step 6. Copy the following Code and paste in the HTML/JavaScript blank space.

<style scoped='' type='text/css'>

.fixed-leftSd,.fixed-rightSd{position:fixed;top:60px;width:160px;height:600px;z-index:9999;transform:translateZ(0)}

.fixed-leftSd{left:0}

.fixed-rightSd{right:0}

.close-fixedSd{position:absolute;width:160px;height:15px;line-height:15px;font-size:11px;font-weight:400;top:-15px;left:0;text-align:center;background:#e0e0e0;color:#666;padding:5px 0;cursor:pointer}

@media screen and (max-width:800px){.fixed-leftSd,.fixed-rightSd{display:none;visibility:hidden;}}

</style>

<div class="fixed-leftSd">

<div aria-label="Close Ads" class="close-fixedSd" role="button" tabindex="0" onclick="this.parentElement.style.display=&quot;none&quot;">

<b>CLOSE ADS</b>

</div>

<----Enter Ads Code----> Display Ads Responsive Verticle

</div>

<div class="fixed-rightSd">

<div aria-label="Close Ads" class="close-fixedSd" role="button" tabindex="0" onclick="this.parentElement.style.display=&quot;none&quot;">

<b>CLOSE ADS</b>

</div>

<----Enter Ads Code----> Display Ads Responsive Vertical

</div>

Step 7. Create an ad Unit of Responsive Vertical ads from Display ads and paste the code in above Highlighted code

Step 8. Click on save Button.

You  are done. now you have successfully added Sticky Left & Right AdSense Ads in Blogger Template.