Ways Adding Adsense, Search Box Or Any Gadget Beside Header

Ways Adding Adsense, Search Box Or Any Gadget Beside Header

   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.
Ways Adding Adsense, Search Box Or Any Gadget Beside Header 1

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
Ways Adding Adsense, Search Box Or Any Gadget Beside Header 2

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! 

wish you make more money.

Related product you might see:

Share this product :

Post a Comment

Google Visit us on Google+
 
Text Link : Vay tín chấp VPBank tại Hà Nội | day them tai nha | viettel quảng ngãi | FPT Lâm Đồng | internet quảng ngãi- All Rights Reserved
Thông Tin Dịch vụ Tác Giả TechNewOnline
Proudly powered by David Potter