How to Create a Space Box Banner Ads In Blog (Updated)

Displaying ads on the blog space provides opportunities & information on the advertiser that blogs are offering advertising space who can be hired. Especially if your blog has credibility, rank, and traffic is high, then the advertiser / advertisers will surely flock to place an ad / banner ads on the blog. But there is no harm in also provides space for a new blog / space itself as a place to advertise advertiser. Calculated as the preparation and time only exist advertisers who are interested. Besides the use of advertising space can be the main attraction when placed correctly.
Well, to put up advertising space, we need to develop their own templates for your ad neat and nice views. So it is not the origin of the image pairs and the link because the results can be messy. This time I will share ad reply template code I created and used for open-rahasia.blogspot.com blog.
125x125 ad templates feature of open-rahasia.com:

    Flexible, the composition of who performed in accordance with the width of the widget.
    Border effect radius.
    Effects Transparency / Opacity when the image is hover.
    Easy to install in the edit image & link ads.
    Update (28-01-2012, 19:03 GMT): By removing the width and height, this template advertising space can now be used for various types of banner ad sizes, 125x125, 300x250, 468x60, etc.. Use the images according to the size of one's way then the widget will pop up ad space according to size.
How to Install Banner Ad Space Box in Widget Blog:1. Go to dashboard> template / design <Edit HTML2. Copy the following CSS code & place it on THE ]]></ b: skin>

    # Bukarahasiaads {margin: 0px; padding: 0px; text-align: center}
    # Bukarahasiaads img {margin: 1px 1px; text-align: center;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;-webkit-box-shadow: 1px 2px 1px # ccc:-moz-box-shadow: 1px 2px 1px # ccc; box-shadow: 1px 2px 1px # ccc;}
    # Bukarahasiaads img: hover {-moz-opacity: 0.7; opacity: 0.7; filter: alpha (opacity = 70);}
Change the value of the margin: 1px 1px to adjust the distance of the image ads. Under the distance above the first value, the value of both left and right distance.3. Save Template.4. Open the layout / design> Add a widget> Select the HTML / Javascript.5. Copy the following HTML code (first edit to insert the image url links and pictures that you want to use):

    <div id="bukarahasiaads">
    <a target="_blank" title="TITLE-IKLAN"> href="MASUKKAN-URL" alt="ALT/TEXT GAMBAR" <img border="0" src="URL GAMBAR" /> </ a>
    <a target="_blank" title=" href="MASUKKAN-URL" TITLE-IKLAN"> <img border="0" alt="ALT/TEXT GAMBAR" src="URL GAMBAR" /> </ a>
    <a target="_blank" title="TITLE-IKLAN"> href="MASUKKAN-URL" alt="ALT/TEXT GAMBAR" <img border="0" src="URL GAMBAR" /> </ a>
    <a target="_blank" title="TITLE-IKLAN"> href="MASUKKAN-URL" alt="ALT/TEXT GAMBAR" <img border="0" src="URL GAMBAR" /> </ a>
    </ Div>
If you want to add / subtract box ad space to add / delete sections:<a target="_blank" title="TITLE-IKLAN"> href="MASUKKAN-URL" alt="ALT/TEXT GAMBAR" <img border="0" src="URL GAMBAR" /> </ a> in above </ div>.6. Save. Drag / slide the gadget to the position desired, to reply size & large width, place the widget at the bottom of the header or above the post. Save again.
You can use the following images as image advertising space (size 125x125), for other sizes or who want to taste & design blog, can be found on Google with the keywords "image banner ads space (banner size)". Upload pictures, replace IMAGE URL with the url on all pictures already uploaded.




Note: Host / upload your own pictures. Do not just use the url image above for a picture at any time can be lost / deleted. Right-click on the image, save as to a computer, then upload.
If an advertiser interested, then he can just click the url I have on the banner image (usually a link directed to a page advertise / advertise or to email / contact form).Have a nice blogging.