How to Make Floating Ads As an ad network publishers ( Publisher ) , placing ads in the right position certainly indispensable . In addition to the factors design template , you must also be careful so that visitors feel comfortable and not distracted emergence of display ads that we post . " How to Make Floating Ads with Close Button " .
Placing an ad can be placed on the float Header, Footer , Sidebar ( Right and Left ) , or it could be made to float in the middle of the page advertising course with 1x click the close button . This means that with the help button to facilitate the closing of visitors to close the ads that may interfere with an element at the position of the article .
One of the advantages of advertising on a blog is the footer ad friends can be seen more clearly on each post . This method is considered superior to an ad on the sidebar . This is because many visitors will be looking down while reading the post or would like to comment rather than looking to the side .
How to Make Floating Ads Close Button in the Footer :
1 . Login to your blog .
2 . Go to the Layout / Layout , click Add a gadget .
3 . Choose HTML / Javascript
4 . Then place the following code in it .
<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'> # btm_banner div {width : 100 % ; bottom: 0 ; left: 0 ; position: fixed ; opacity : 0.9 ; } div # btm_banner img {border : 0 ; cursor : pointer ; } < / style> <div style='height: 0px;'> < / div > < div align = ' center ' id = ' btm_banner ' style = ' height: 100px ; z - index : 9999 ; ' > <div style='text-align: right; width: 728px; height: 6px;'> < img id = ' closed ' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5bR_-aFDtifYMpMp8v1POWvA23xYHdyw1gCkJhGFHywZPQIWx3Tw0wNR9XEZ_Nb6EqEVAwC_Mh-a6OO2OzboQMKpxROrpJTq-YDu1kYI3ncwM-IQ2XGGzKw2IDcPZDbAjTxN94-6HS530/s1600/close-icon.png'/></div><div style = " clear: both ; " > < / div > <p> <center> Put your ad script code here < / center> < / p > < / p > < / div >
5 . Save the widget .
Ad Description :Replace the words in green above with your ad script
Placing an ad can be placed on the float Header, Footer , Sidebar ( Right and Left ) , or it could be made to float in the middle of the page advertising course with 1x click the close button . This means that with the help button to facilitate the closing of visitors to close the ads that may interfere with an element at the position of the article .
One of the advantages of advertising on a blog is the footer ad friends can be seen more clearly on each post . This method is considered superior to an ad on the sidebar . This is because many visitors will be looking down while reading the post or would like to comment rather than looking to the side .
How to Make Floating Ads Close Button in the Footer :
1 . Login to your blog .
2 . Go to the Layout / Layout , click Add a gadget .
3 . Choose HTML / Javascript
4 . Then place the following code in it .
<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'> # btm_banner div {width : 100 % ; bottom: 0 ; left: 0 ; position: fixed ; opacity : 0.9 ; } div # btm_banner img {border : 0 ; cursor : pointer ; } < / style> <div style='height: 0px;'> < / div > < div align = ' center ' id = ' btm_banner ' style = ' height: 100px ; z - index : 9999 ; ' > <div style='text-align: right; width: 728px; height: 6px;'> < img id = ' closed ' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5bR_-aFDtifYMpMp8v1POWvA23xYHdyw1gCkJhGFHywZPQIWx3Tw0wNR9XEZ_Nb6EqEVAwC_Mh-a6OO2OzboQMKpxROrpJTq-YDu1kYI3ncwM-IQ2XGGzKw2IDcPZDbAjTxN94-6HS530/s1600/close-icon.png'/></div><div style = " clear: both ; " > < / div > <p> <center> Put your ad script code here < / center> < / p > < / p > < / div >
5 . Save the widget .
Ad Description :Replace the words in green above with your ad script