SEO Search

  • Subscribe to our RSS feed.
  • Twitter
  • StumbleUpon
  • Reddit
  • Facebook
  • Digg

Saturday, 7 April 2012

Add Google Adsense to Blogger Header (Above the Title)

Posted on 16:14 by Unknown

In the past tutorials ( See: Social Media Buttons beside Adsense ads & Adsense inside Blogger Header ) i've shared several tricks for Adsense ads placement that may help you to increase your adsense earnings. Now, i will show you how to add Google Adsense above your header, for instance just above the title of your Blogger blog. This can be done by adjusting your template to give you the option of adding more than one widget to the header area.

Add a new element to Blogger header

1. If you are using the old Blogger interface: 

  • Go to Dashboard - Design - Edit HTML - (make a backup) Expand Widget Template 

If you are using the new Blogger interface: 

  • Go to Dashboard - Template - Edit HTML - Proceed - (make a backup) Expand Widget Template 

2. Next try to find (CTRL + F) this piece of code:

<div id='header-wrapper'>

...if you can't find that one, search for this one:

<div class='region-inner header-inner'>

3. Immediately after one of these lines, you'll see this code:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

4. Replace the values in red like in this example below:

<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>

5. Save the Template.

Adding the Adsense ad unit above the Blogger header

1. Navigate to Design > Page Elements and view the new option to add a gadget to the header area



2. Click on Add a Gadget link and select the Google Adsense gadget.

Choose the type of ad unit you want. For this example I chose a new linked 728x15 ad unit from the dropdown format menu for an AdSense ad that would sit above the blog title. Configure colors if necessary. Color blending is usually done automatically by Blogger according to the color schema of your template.

3. Click Save

Now View your Blog to see your new Google Adsense unit. If all is going well, your new AdSense ad unit should appear something like in the image below:



This is a very good Adsense placement, i'm sure you're gonna like it

If you have a any questions, please feel free to ask below.
Email ThisBlogThis!Share to XShare to Facebook
Posted in adsense, adsense optimization, Hacks | No comments
Newer Post Older Post Home

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Popular Posts

  • How to change Blogger "Post A Comment" Message
    In this tutorial i will show you how to replace the 'Post A Comment' text that appears above the comment form with an image. Also, I...
  • CSS Basics. How to Apply Rounded Corners On Images #1
    This tutorial will explain how to change the outside border of any image using some simple CSS rules to make it round, but this is so easy t...
  • Google Translate Widget with Flags For Blogger
    The Google Translate Widget for Blogger allows the visitors to translate your site or blog in their own language. This widget also auto-dete...
  • How To Remove Blogger Attribution Gadget
    The Attribution gadget is the gadget in the footer that says "Powered By Blogger". If you have tried to remove this then you may o...
  • Replace Older, Newer And Home Blogger links with an image or text
    Newer Post, Home and Older Post are links that appear on the bottom of the posts. When a visitor click on one of these links, they will take...
  • Expandable Recent Comments Widget for Blogger/Blogspot
    This Expandable Recent Comments is a very accessible widget that can be collapsed or expanded through user interaction, so that now, we don...
  • How to Add a Widget Below First Post in Blogger
    This tutorial will show you how to make a gadget/widget to appear just below the first Blogger post. First, you must understand that the usu...
  • CSS Basics. How to Apply Rounded Corners On Images #2
    In the previous post I have mentioned that we will learn to round images using CSS, without needing to edit them one by one using a program...
  • Before/After Photo Effect with jQuery
    If you have a design or makeup blog, or if you are using before and after image comparison , this script will surely be very useful for you....
  • How to Write SEO Optimized Blog Posts
    I'm not a SEO Expert, nor what we will read further is a top secret, but this is something about basic positioning that everyone should ...

Categories

  • adsense
  • adsense optimization
  • adsense tips
  • Auto Video Template
  • avatars
  • blockquotes
  • Blog Design
  • blogger
  • blogger posts
  • color code generator
  • Comments
  • comments tricks
  • css
  • emoticons
  • Emoticons/Smileys
  • Facebook
  • feedburner
  • forum
  • Hacks
  • how to
  • how to make a blog
  • Image Effects
  • internet
  • jQuery
  • labels
  • menus
  • Navigation
  • navigation menu
  • popular posts
  • posts
  • read more
  • recent comments
  • recent posts
  • related posts
  • RSS
  • SEO
  • sitemaps
  • slideshows
  • social media
  • social media plugins
  • static pages
  • Templates
  • threaded comments
  • titles
  • tools
  • translating
  • webbligi
  • Widgets

Blog Archive

  • ►  2013 (57)
    • ►  November (4)
    • ►  October (16)
    • ►  September (13)
    • ►  June (3)
    • ►  May (4)
    • ►  April (5)
    • ►  March (12)
  • ▼  2012 (73)
    • ►  July (1)
    • ►  June (3)
    • ►  May (9)
    • ▼  April (23)
      • Google Translate Widget with Flags For Blogger
      • Simple Recent Posts Widget for Blogger/Blogspot
      • A Beautiful jQuery Drop-Down Menu For Blogger Blog...
      • How to Add Emoticons/Smileys in Blogger Comments
      • How To Add or Change Favicon on Blogger Blogspot
      • How to number comments in Blogger/BlogSpot
      • How to Add A Comment Count Bubble To Blogger Post ...
      • How to Add Different Backgrounds In Blogger Pages
      • How to Add Different Background Color or Image in ...
      • How to Create Static Pages in Blogger
      • Tips To Avoid Your Google Adsense Account From Get...
      • Ways To Increase Page Impressions and Traffic on Y...
      • How to Replace Older Posts and Newer Posts Links w...
      • How To Disable or Turn Off Lightbox View For Blogg...
      • Blogger Auto Video Template by webbilgi
      • Add a Popular Posts Gallery just above your Blogge...
      • Add Google Adsense to Blogger Header (Above the Ti...
      • How to add an image next to Blogger Post Title
      • How to remove Blogger Picture/Image Shadow and Border
      • Replace Older, Newer And Home Blogger links with a...
      • Add Static Facebook Pop Out Like Box with Smooth J...
      • Amazing Examples To Customize Blockquote Style In ...
      • A Simple Related Posts Widget For Blogger
    • ►  March (30)
    • ►  February (7)
Powered by Blogger.

About Me

Unknown
View my complete profile