How to make a banner ad on the sidebar


This time I will discuss how to create a banner ad on the sidebar.
 
box serves banner ads to advertise, with a banner ad this blog will look more professional. There is also the possibility of visitor / visitors to the blog you would like to put ads on your blog. you stay put tariffs.






Here's an example

How to create a banner ad on the sidebar
Ok, immediately wrote tough steps below.
1. Log into your blogger account.
2. Select "Design" in your blogger dashboard, click>> "Edit html" do not forget to tick the box 'Expand widget tempalte "
3. then look for the code snippet below Find the following code (use ctrl + f to search bar to search faster code) 
]]></ B: skin>
4. You must copy the code below the above code on no. 3 
/ *** *** 125x125 Advertising / . Deinieziklan { margin-top: 10px; margin-bottom: 10px; padding: 10px 0 5px 5px; border: 1px solid # FFF; text-align: center . Denieziklan img { margin: 0px 4px 0px 4px; padding: 3px; text-align: center; border: 1px solid # c0c0c0 . Denieziklan img: hover { margin: 0px 4px 0px 4px; padding: 3px; text-align: center; border: 1px solid # 99CC00; }
 5. After saving the above code, then save your template. After the save search code snippet below.
<div id='sidebar-wrapper'>
6. Copy the code below just below the code above.
<div class='deniezsiklan'> <a href='http://www.mybuxx.com/2011/07/advertise-here.html' target='_blank'> <img alt = 'Photobucket' border = '0 'src =' http:// i1125.photobucket.com/albums/l593/Deniez_Kamaitachi/advertise-here125.png'/></ a> <a href='http://www.mybuxx.com/2011/07/advertise-here.html' target='_blank'> <img alt = 'Photobucket' border = '0 'src =' http:// i1125.photobucket.com/albums/l593/Deniez_Kamaitachi/advertise-here125.png'/></ a> <a href='http://www.mybuxx.com/2011/07/advertise-here.html' target='_blank'> <img alt = 'Photobucket' border = '0 'src =' http:// i1125.photobucket.com/albums/l593/Deniez_Kamaitachi/Banner300x250.jpg'/></ a> <a href='http://OneDollarRiches.com/3036 'target='_blank' title='OneDollarRiches'> <img height = '125px' src = 'http://i1125.photobucket.com/albums/l593/ Deniez_Kamaitachi/onedollarriches-125x125.jpg 'width = '125px'/></ a> <a href='http://ity.im/?ref=24444' target='_blank'> <img src='http://ity.im/promo/getpaid125-2.gif'/> </ a > <a href='http://signup.clicksor.com/pub/index.php?ref=161095' target='_blank'> <img src='http://signup.clicksor.com/publisher/images/pub/125x125_1.gif'/> </ a> <A src = 'http://tracking.hostgator.com/img/Shared/125x125.gif'/></ a> </ Div>
7. Or it could also "add gadget">> continue to add "html / javascript" enter the above code.
8. Next we edit the code above.

  • Replace the red code with your ad html code
9. Save your template, then Continue to see the results.

Hopefully this article useful to you. for suggestions and critiques please post your comment

0 comments:

Post a Comment