How to Make Box Space Banner Ads In Blog

Display ad space on blogs provide opportunities and information at the advertiser that the blog offers the ad space can be rented. Moreover, if the blog has credibility, rank, and traffic is high, then the advertiser / advertisers would have flocked to place an ad / banner ads on the blog. But there is no harm in also providing space for new blog / space itself as a place to advertise advertiser. Calculated as the time of preparation and who are interested in just any advertiser. In addition the use of advertising space can be the main attraction when placed correctly.

Features of the 125x125 ad templates:

• Flexible, the composition of which appears in accordance with the width of the widget.
• Border effect radius.
• Effects Transparency / Opacity when the image is hover.
• Easily be edited in order to put an image ad and link.
• By removing the width and height, this ad space template can now be used for various types of banner ad sizes, 125x125, 300x250, 468x60, etc.. Use the image to fit the desired the widget space ad will appear according to size.

How to Install Banner Ad Space Box in Widget Blog:

1. Go to the dashboard> template / design <Edit HTML

2. Copy the following CSS code and place it in the UP ]]></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. Buka layout/design > Add a widget > Pilih HTML/Javascript.

5. Copy kode HTML berikut (edit terlebih dahulu untuk memasukkan link dan url gambar gambar yg ingin digunakan):

<div id="bukarahasiaads">
<a href="INSERT-URL" target="_blank" title="ADVERTISEMENT TITLE"><img alt="ALT / TEXT IMAGES" border="0" src="URL IMAGES" /></a>
<a href="INSERT-URL" target="_blank" title=" ADVERTISEMENT TITLE"><img alt="ALT / TEXT IMAGES" border="0" src="URL IMAGES" /></a>
<a href="INSERT-URL" target="_blank" title="ADVERTISEMENT TITLE"><img alt="ALT / TEXT IMAGES" border="0" src="URL IMAGES" /></a>
<a href="INSERT-URL" target="_blank" title="ADVERTISEMENT TITLE"><img alt="ALT / TEXT IMAGES" border="0" src="URL IMAGES" /></a>
</div>

If you want to add / subtract box ad space to add / delete sections:
<a href="INSERT-URL" target="_blank" title="ADVERTISEMENT TITLE"><img alt="ALT / TEXT IMAGES" border="0" src="URL IMAGES" /></a> di atas </div>.

6. Save. Drag / slide the gadget into the desired position, for which the size of a large and wide, place the widget in 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 in Google with the keywords "space banner image ads (banner size)". Upload images, change the URL to the url FIGURE pictures that are uploaded already.

Note: Host / upload your own pictures. Do not just use the url above image for a picture at any time can be lost / deleted. Right-click on the image, save as to a computer, then upload.

Posted in: blogger