TUTORIAL IT

Steps on How to Add Banner Ads in Blogger blogs like the 468*60 banner ad is outlined in this post. Apart from html codes from sites that advertise on your blog, codes for blogger gadgets, you can also create your own banner ads either with text or images. Follow the simple steps below.

Also Read: How to Add 'Link to This Post Widget' to Blogger Post
                    How to Customize Labels Cloud Gadget In Blogger

How to Create an Image Ad Code

• Replace the URL below with your own image url

 <img src="IMAGE URL" />

OR

• If you want the image banner ad to be clickable that is, leading to another website, then use this URL instead. 

<a href="http://www.WEBSITE.com" target="_blank"><img src="IMAGE URL" /></a>

In the second URL above, replace 'WEBSITE' with the URL of the website you are linking to. Also replace the 'IMAGE URL' , this is the URL of where the image is uploaded to.

NOTE: The 'IMAGE URL' can be obtained by Right clicking on the image, then selecting "Copy Image Location". Also, to get the IMAGE URL,  you can upload the image into a blogger post, then copy the 'IMAGE URL'.


Also Read: How To Add Facebook Invite Friends Button With Timer To Blogger
                    How to Add Related Posts Widget For Blogger/Blogspot with jQuery

Steps to Add Text / Image adverts in Blogger

For image adverts

• From your Blogger Dashboard, click on 'layout',
• Depending on where you want the banner ad to appear on your blog, select 'add a gadget'
• From the popup window, select 'HTML/Javascript'.
• Copy any of the URL you created above into the text field, then save.

For text adverts:

• From your Blogger Dashboard, click on 'layout',
• Depending on where you want the banner ad to appear on your blog, select 'add a gadget'
• From the popup window, select 'HTML/Javascript'.
• Type in your text into the text field. Then save.