How to Make Box Space Banner Ads In Blog
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):
If you want to add / subtract box ad space to add / delete sections:<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>
<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.
Related Articles:
-
div.img { height:auto; width: 10%; float: left; text-align: center; } div.img img... Read Full Story » -
div.img { height:auto; width: 10%; float: left; text-align: center; } div.img img... Read Full Story » -
div.img { height:auto; width: 10%; float: left; text-align: center; } div.img img... Read Full Story » -
div.img { height:auto; width: 10%; float: left; text-align: center; } div.img img... Read Full Story » -
div.img { height:auto; width: 10%; float: left; text-align: center; } div.img img... Read Full Story »
Comments
