Before entering into the main problem is the Ways Adding Adsense, Search Box Header Or Any Gadget Beside I will define you better understand google adsense.
AdSense is a nice way to monetize your traffic, and very easy to implement. It's one of my top earners and has been since 2003. (See the video about my earnings further down.)
Google.com earns most of its revenue by allowing other website owners to advertise on their search results pages.
All this is managed through a program they call AdWords (pay per click marketing).
You see these ads displayed above the free/organic results and along the right side of the page on Google.com.
These are called Sponsored Results, and the advertisers are paying a certain amount of money per click for these ads.
It's an auction-based system that allows advertisers to compete for those spots. Whomever has the highest bid and most "quality" ad, gets the top spot and so forth.
Now you can earn a share of the revenue that Google earns from AdWords by displaying these same text or image ads on your site. When someone clicks, you earn roughly 68% of the click and Google gets the rest.
The following tutorial I will show you the contents of today:
Ways Adding Adsense, Search Box Gadget Or Any Beside Header.
Step 1. Go to Blogger Dashboard
Step 2. Click Template
Step 3. Hit the Edit HTML button
Step 4. Look for the code below
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='YOUR OWN HEADER TITLE/IMAGE' type='Header'/>
</b:section>
Step 5. Add the following code below right after the code above
<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>
So, your final code will be:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='YOUR OWN HEADER TITLE/IMAGE' type='Header'/>
</b:section>
<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>
Now you are halfway done in putting another section beside your blog title section.
Step 6. We will add css to your existing header and to the new section that you had just
add recently. Copy the code below and paste it above ]]></b:skin>
#header, body#layout #header {width:50%;display:inline-block;float:left;}
#header-right, body#layout #header-right {width:35%;display:inline-block;float:right;padding:15px;}
#header-right .widget {margin:0;}
Step 7. Save your Template.
Installing The Widget
It is now time to add the widget beside your header (it may be in form of banner, adsense code or any gadgets). Do it as you normally do in putting gadget or widget in your blogger lay -out.
Step 1. Go to Blogger Dashboard
Step 2. Click Lay -out
Step 3. Hit the Add a Gadget button and paste inside it your widget codes.
Note: Drag or place your new gadget below your blog header-title in order to appear it beside the image header by the time you save it.
Step 4. And finally, click the Save Arrangement button. Enjoy!
0 Comments