How to Make Floating Ads with Close Button

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='http://1.bp.blogspot.com/-XvA7La2fWQU/T8aIU5kxRnI/AAAAAAAAAJA/uw2dWruT2Yg/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

Ditulis Oleh : Web Hosting Indonesia

Judul Artikel "How to Make Floating Ads with Close Button " Jika salin Artikel How to Make Floating Ads with Close Button , mohon mencantumkan sumber link http://www.webhosting.web.id/2014/03/how-to-make-floating-ads-with-close.html. Salam from Web Hosting Gratis

:: Web Hosting Indonesia ::

0 komentar:

Posting Komentar

 
 
Copyright © WEBHOSTING.WEB.ID, Powered by UNMETERED