How to Create Ad Flothing Under Blog

How to Create Ad Flothing Under Blog. Good evening friends infosinta, on this occasion I will share tips and tricks about the blogger. This article will give you tips on how to create floating ads at the bottom of the blog. Well, now not only advertising in newspapers and on television or the radio, in blogs, websites and social networks , including all internet connected devices certainly advertise everywhere. For different reasons and different purposes, there are just to fulfill the empty space on his blog, and there really menekunis as additional income.

But sometimes these ads instead of laying favored by visitors, even going so disturbing. Like when I put an ad on the left and right of the blog. It was not a complaint seidikit. Well on this occasion we will make the ad easy to read and without disrupting the attention of visitors, we will meletakkanya bottom of the blog, is equipped with a fixed size. 728x90's and the exit button is active.

Here's How:

1. As usual, open your fellow blog account

2. Go to Settings (or Layout layout) of your blog template.

3. Select the Add Widget or Add Gadget and select HTML / Javascript

4. Copy script or copy the code below and paste directly into a new widget to your blog.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>

</script><br />

<script type='text/javascript'>

$(document).ready(function() {

$('img#closed').click(function(){

$('#btm_banner').hide(90);

});

});

</script>

<style type='text/css'>

div#btm_banner {

bottom: 0;

position: fixed;

width: 100%;

opacity: 0.9;

left: 0;

}

div#btm_banner img{

border:0;

cursor:pointer;

}

</style>

<div style='height: 0px;'></div>

<div align='center' id='btm_banner' style='height: 90px; z-index: 9999;'>

<div style='text-align: right; width: 728px; height: 6px;'>

<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAh2QdymZ4UKG1LnD9i8jjQ0wP4rTx3CvbO_RcnouFsneSBMvAerzO_-6Ip4yS5Vs9AiR7YUxmpfUgdTat06ysTRDxgy_dj8GOIOEW-neRv7TrSov97dDeeAUk_P6s3cqSbzyrPMq0Bl5_/s1600/close-icon.png'/></div>

<div style='clear: both;'></div>

<p>

<p><center><a href="http://becasiantar.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwT23tZoyuXryMbX7rNi8wUxHF5zPz7hlvM2-1nRuHGAx_u5IOGaAjHhyphenhyphenK2qNWyTqF_02kBJmz_rqj7wzGaNYPBtMboVBXrsgLce0KEafvfarb3ilwES5Pbdzvty_n-HqGgMTgUP0as10/s1600/budaya-suku-batak-becak-siantar.pngg" width="728" height="90" alt="Pasang Iklan Anda Disini" />

</center></p>

</p>

</div>

5. Save

6. Completed

Note:

1. Replace the paper is colored red with the ad script that you install.
2. Keep the size of 728 x 90 pixel ad

Easy is not for the height and width of the column can be adjusted discretion, to Heigh (height) and width (length) so many of my tips on creating ads flothing under blog