How to Install an Ad Box on a Blog - Templates Boy

Halaman

    Social Items

How to Install an Ad Box on a Blog - On this occasion I will discuss about tutorial for creating an ad box on a blog which is 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 money material that most bloggers make it as a livelihood.



How to Install an Ad Box on a Blog


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 it before you make it ad box de blogs are things that need to be considered in displaying the banner space ads are the location and arrangement so that it attracts more people. So it's not the origin of the picture that finally the adverts appear to be less attractive because of a mess.



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



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


2. Save the template



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



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


Note the code marked, fill in all with your description.



4. When 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 to the blog template. For that, I just ended the tutorial on creating an ad box on this blog. May be useful.

How to Install an Ad Box on a Blog

How to Install an Ad Box on a Blog - On this occasion I will discuss about tutorial for creating an ad box on a blog which is 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 money material that most bloggers make it as a livelihood.



How to Install an Ad Box on a Blog


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 it before you make it ad box de blogs are things that need to be considered in displaying the banner space ads are the location and arrangement so that it attracts more people. So it's not the origin of the picture that finally the adverts appear to be less attractive because of a mess.



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



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


2. Save the template



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



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


Note the code marked, fill in all with your description.



4. When 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 to the blog template. For that, I just ended the tutorial on creating an ad box on this blog. May be useful.

Related Post

Disqus Codes
  • To write a bold letter please use or
  • To write a italic letter please use or
  • To write a underline letter please use
  • To write a strikethrought letter please use
  • To write HTML code, please use or
    or

    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Subscribe Our Newsletter