How to Install an Ad Box on a Blog

How to Install an Ad Box on a Blog

How to Install an Ad Box on a Blog - On this occasion I will discuss the tutorial on creating an ad box on a blog that measures 125x125 pixels. Maybe you already know that the activity of writing articles on blogs is no longer just a hobby release or filling the time gap. Creating a blog and managing it well and correctly can also produce material in the form of money that most bloggers make it as a livelihood.
Showing or creating advertising space in the form of a banner on a website / blog is usually used as a separate business opportunity by a blog or website that has many visitors and has popularity on search engines. But it does not rule out the possibility that your new blog can bid by the advertise to put their advertisements into the blog that you have. If you are interested in providing or creating an ad box on a blog, follow the blogger tutorial that I will explain below.

I need to convey before you create a de blog advertising box, the thing that needs to be considered in displaying the advertisement banner space is its location and arrangement so that it will attract more people. So it's not the origin of the image that finally the adverts appear to be less attractive because of a mess.

1. Please login to your Blogger> Themes> Click Edit HTML> Then add the code below before the code ]]></b:skin> or </style>


/* Ad Box */
.advert_box {text-align: center;}
.advert_box img {margin:0px 5px 5px 0px;padding:5px;text-align:center;border:1px solid #ddd;}
.advert_box img:hover {border:1px solid #aaa}
.advert_box img.noborder {border:0;}

2. Save the template

3. Then click Layout> Add Gadget> Select HTML / JavaScript> then please enter the following code into the new widget.



<div class="advert_box">
<a href="the url of the intended ad" title="ad title"><img class="noborder" src="Image url" alt="alt image" width="125" height="125" /></a>
<a href="the url of the intended ad" title="ad title"><img class="noborder" src="Image url" alt="alt image" width="125" height="125" /></a>
<a href="the url of the intended ad" title="ad title"><img class="noborder" src="Image url" alt="alt image" width="125" height="125" /></a>
<a href="the url of the intended ad" title="ad title"><img class="noborder" src="Image url" alt="alt image" width="125" height="125" /></a>

Note the code marked, fill in all with your description.
4. If it's finished, save and see the results

I don't think it's difficult to create an ad box on a blog, just need to add some code into the blog template. For that, I just ended the tutorial on creating an ad box on this blog. May be useful.

Post a Comment

Previous Post Next Post