You must have seen such Advertise Here/Your ad Here ads on this blog or many other blogs. There are some blogs that say that they are Ad Ready. But you don't have to change your blog template for those ad blocks. Adding an Ad section to your blog isn't that tough. It will just take less than 5 minutes to place Advertise Here ads on your blog. You don't even have to search for Blogger Templates having ad slots.
Today I was creating the custom Advertise Here banners for my blog. I thought to share it with all my readers so you can easily embed Sponsors Ad Slot in your Blogger Account. Let see how to "Add Advertise Here Banners" in Blogger and Attract Advertisers.
To do this you have to do following steps:
- Log in to your Blogger Dashboard and Navigate to Design> Edit HTML.
- Copy below code and paste it just before the ]]></b:skin> code.
.adslot {
border:2px solid aliceBlue;
margin:2px;
}
Now Go to Design > Page Elements and Add a HTML/JavaScript Gadget.
Give Title Name as "Sponsors" or Whatever else you want to put.
Paste below image code in the content area and save your widget.
<img border="0" class="adslot" alt="Advertise wit us banner" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr5EZIhKwmEqvot4dtohw3iMvPPmu-pp6DRXrBo96kIQ2gDreuoE_OhmiOOLiaeW3-1-p6V829JEG0jRcppghGMsRS_ioqLwBDrwTftHyiMAAneZTvnPTkqdAZ8sdPXZEuzOJKFKA8p2Q/s400/AdSpace+120-125.png">
That’s it save it and Check your blog you have an Advertise Here Gadget added to your blog.
Update: Added some more background images to use as an advertising banner.
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTDaLM8n94ieVKXn0WfbC4hngM24qqnD8MTYfwU0N2TjbcbwR-mbLlXFjrGDN74xEiLoqlcXfHbod19egfZUsL5Sq9S9qBe5rw61NgdLDBMJ52a4MJxdGf6U86tV-xI35yDUegDQbzh02k/s800/Advertise+Here+Money.png" alt='Advertise Here Banner' />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigOxpsxh7mfZ7F7sAMExcGJjQ5GJnmeU2hHX2n3VELgzBSdm_c7mHYXVlImiq1EA1-jIS4AzJ1PMx_9DqiMNdhlW8FPasGVKqjiz7x6iPz2CQIhmX43sQtQRJrpR-1i8eWy35YunO_CEao/s800/Advertise+Here.png" alt='Advertise Here' />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic85rIucJbiQ1gZ15zfPRwRdQtfqipVShisvyfHTT9VJCW5vJE5kpgD-fQ09mzX2cTZu9kcDYZ4qmW1Z6uIF91p6fPb0xEnnhu4EBNiIybZButVj-Hcv20otfwvejcvF4xLXynlwgKZN7f/s1600/Your+Ad+Here.jpg" alt='Your Ad Here' />
4 comments:
Awesome post! Thanks a lot for the information :)
How do i link the images to my contact page?
@Jade
Nice of you...
To link the contact page follow the following steps.
Copy the contact page URL.
Now while pasting the Code click the image then click on link button and paste the Contact page URL there. It will be linked Automatically
Great info! Thank you so much!
I actually want the picture to be a link over to the advertisers website.... How do I do this??
@Myriam
Yeah it's simple.. Just change the Picture URL with the picture you want to show..
URL need to be changed in code is below:
http://1.bp.blogspot.com/_1fRuBdlSpLw/THHY66kuZMI/AAAAAAAAAlo/rZR9Ovy_VxI/s400/AdSpace+120-125.png
When you upload a picture you will get the picture URL so just change this URL with that URL.
Thanks and stay in touch for more.
Post a Comment
Important - If you are asking a question click the 'Subscribe By Mail' link below the comment form to be notified of replies.
Note:If you add a link to your comment it will not be published.