Skip to main content

How to Add Google Adsense ads in a Blogspot Blog Sidebar

How to Add Google Adsense ads in a Blogspot Blog Sidebar

google adsense money

Assuming you have already signed up and been approved for a Google AdSense account, you should be able to log in here. Once you're signed in, click the AdSense Settings tab near the top of the page. To cut right to the chase, focus on these steps:

Choose Your Ad Layout - To fit ads in your sidebar, it's best to choose one of the following ad layouts.
Button (125x125)
Skyscraper (120x600)
Wide Skyscraper (160 x 600) 
Vertical Banner (120 x 240)
Small Rectangle (180x150)

Choose a color palette - They are very cleverly named but it's really just a matter of your preference.

Copy your AdSense code - At the bottom of the page, there's a box with code in it. Highlight all of that code and copy it.

Paste the code somewhere - Notepad or Text Edit or something like that is a good place for now.

Go to Blogger.com and sign in - Choose the blog you want to put ads on and click the template tab.

This is less of a step and more of a precaution - Copy your entire Blogger template and save it in Notepad or Text Edit just in case.

Find the place in your template that says this; you might have to scroll down pretty far:
<!-- Begin #sidebar -->
<div id="sidebar"><div id="sidebar2">

Paste the AdSense code you saved earlier right after that part.
<!-- Begin #sidebar -->
<div id="sidebar"><div id="sidebar2">

PUT YOUR ADSENSE CODE HERE!

Save your template changes and republish your blog.

Comments

  1. Wonderful tutorial brother. I will try to apply about your tips. Thanks for your sharing and give me knowledge :)

    ReplyDelete
  2. Internet money making is hot and spicy
    with Google adsense. Make $300 doller per month.
    its not dream but true.

    ReplyDelete
  3. Your better try this one :-) http://www.bedoitechsolutions.com/2013/03/how-to-place-adsense-ad-in-blogger-post.html

    ReplyDelete
  4. This comment has been removed by the author.

    ReplyDelete
  5. I loved reading this! I try to just do my own thing on my blog, but it's nice to have people who inspire you when you're just starting out! Thank You.

    Please Check HERE

    ReplyDelete
  6. google adsense is best source for generate money for that we needs Web Design And Web Development Company then we get best idea about google adsence.

    ReplyDelete

Post a Comment

Popular posts from this blog

How To Put Adfly Full Page Script In Blogger Blog

How To Put Adfly Full Page Script In Blogger Blog Get paid to share your links! If you have a website and wish to earn money when a visitor simply enters your site, please use the following script.Adfly Full Page  If you have a website with 100's or 1000's of links you want to change over to adf.ly then please use the script below. Simply copy-and-paste the code below on to your webpage or blog and the links will be updated automatically - simple! You can add or remove any domains for the code that you use or your website. <script type="text/javascript">      var adfly_id = 4305280;      var adfly_advert = 'int';      var domains = ['depositfiles.com', 'rapidshare.com', 'vip-file.com', 'smsfiles.ru', '4files.net', 'turbobit.ru', 'uploading.com', 'letitbit.net', 'depositfiles.ru', 'sms4file.com', 'ifolder.ru', 'hotfile.c...

Make Blog Background to Matrix animation

Make Background to Matrix animation How to Change Blog Background in Blogger How to Change Blog Background Become Matrix Style. Have you watch Matrix? I think you have. Because Matrix is a big movie. Even this movie can enter into Box Office and earned $742,128,461! Amazing! So, if you like Matrix, by learn this trick, you can try to change your blog background become Matrix style. Interseted? Just follow the steps below. 1. Log in to your blogger account 2. Go to Design --> Page Elements --> Add Gadget 3. Choose "HTML/Java Script" 4. Add the code below <a href="http://dailybloggiingtips.blogspot.com/" target="_blank">Matrix</a> <style type="text/css"> <!-- body { background-color: #000; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrQKrhyphenhyphenhrs4fpr5-_esUekV-sWIB9a9-zJ9lxSg0Voylft-vKpL_rrlb9b8L6ckwyFoUryku0E90d9cJybIG4-uopJW50UpEYkyWihitFItDrg...

How to Create Apple Touch Icon Of Your Website Or Blogger

How to Create Apple Touch Icon Of Your Website For Ipod Touch , Iphone And Iphone What is Apple Touch Icon  During web surfing  online with an Apple mobile device (iPod Touch, iPad, and iPhone), users have the option of saving web pages directly to their home screen. When a page is saved, an icon is generated to which users may use to access said page without having to launch their browser. As more and more people browse the web with their iOS devices, adding a simple icon to your site helps with branding and looks great making sure your brand is well represented on the iPhone, iPod touch and iPad. Apple Touch Icon is basically  like a favicon of a website.  Similar to the Favicon, the apple-touch-icon.png is a file used for a web page icon on the Apple iPhone, iPod Touch, and iPad. When someone bookmarks your web page or adds your web page to their home screen this icon is used. If this file is not found these Apple products will use the screen shot of t...