How to add Custom Text Ads Box like Adsense



text ads box
Many of you may have seen Google Adsense text ads in other or your blog. Today I will show you how you can add Text Ads Box widget to your blogger blog. In this widget you can edit everything i.e. the colors, Title text, Description, Ads provider etc. etc. If you sell text links on your blog this widget may be quite helpful for you.

The live demo of this widget can be seen by clicking the below button and looking at the right sidebar of the opened page.

Now if you have seen the demo we can proceed with the steps on how you can add this widget to your blog.



Adding the Widget


Go to Blog Title → Layout → Add Widget → HTML/JavaScript. Paste the below code in the box

<style>
#ads_ppc {text-align: left; width:280px; height:300px; padding:5px; margin:0px;border:1px solid #1a4d86}
</style>
<div id='ads_ppc'>
<a style="text-decoration: underline; padding: 15; font-size: 12px; color:blue;" href="http://www.yourlinkhere.com/" target="_blank" title="YourTitle"><strong>Big Link Name</strong></a><br />
<span style="font:11px verdana;">YOUR DESCRIPTION HERE</span><br />
<a style="font-size: 9px;color:#b0130d;" href="http://www.rockingtemplates.com/" target="_blank" title="Link Title">Small Link Name</a><br/><br/>

<a style="text-decoration: underline; padding: 15; font-size: 12px; color:blue;" href="http://www.yourlinkhere.com/" target="_blank" title="YourTitle"><strong>Big Link Name</strong></a><br />
<span style="font:11px verdana;">YOUR DESCRIPTION HERE</span><br />
<a style="font-size: 9px;color:#b0130d;" href="http://www.rockingtemplates.com/" target="_blank" title="Link Title">Small Link Name</a><br/><br/>

<a style="text-decoration: underline; padding: 15; font-size: 12px; color:blue;" href="http://www.yourlinkhere.com/" target="_blank" title="YourTitle"><strong>Big Link Name</strong></a><br />
<span style="font:11px verdana;">YOUR DESCRIPTION HERE</span><br />
<a style="font-size: 9px;color:#b0130d;" href="http://www.rockingtemplates.com/" target="_blank" title="Link Title">Small Link Name</a><br/><br/>

<a style="text-decoration: none; padding: 15; font-size: 12px; float: right;color:#b0130d;" href="http://www.allbloggertricks.com/" target="_blank" title="Creators Link"><small>Ads by ABT</small></a><br />
</div>

Change the numbers in red to meet your requirements. Change other things like Link, Title, Link Name etc. with your desired text. 
Save the Widget and Save the Template.

Your are done now. Now you and your visitors can see this custom text ads widget in your blog.

4 comments:

  1. after so much time, i found it. Thank you

    ReplyDelete
  2. hi, this is my first time doing a blogsite. i am having hard time with the code. where do i get the link title? and what to changed.

    i changed these all

    -"http://www.yourlinkhere.com
    -YOUR DESCRIPTION HERE
    -YourTitle

    what else?

    thanks


    ReplyDelete
  3. Wow, great post here I just implemented on my blog pronoahtech.com.ng and it looks nice!

    Thanks for sharing this great tip bro and this' my first visit to your blog

    ReplyDelete