Most bloggers have ever wondered how to generate lot of dollars to their accounts from Google AdSense but dont really know how to go about it.
In this tutorial today, I will be showing you how to effectively add Google AdSense and other Ads to your blog sidebars [left and right] with just some snippet of codes.
Recommended Ad Size: 300px by 250px
How to Add Floating AdSense and other Ads on Blogger Sidebars
Step 1: Login to your blogger dashboard and select your desired site for those that have more than one blog
Step 2: Navigate and find the “Layout” tab on the left side of your dashboard
Step 3: Click on “Add a Gadget” then allow the popup to load
Step 4: After loading, select “HTML/JavaScript”
Step 5: Copy all the below code and paste in the Second section of “HTML/JavaScript”
<style> #allbloggingmagads { height:30px; width:auto; background: #333333 url(‘..’); background-repeat:repeat-x; text-align:left; padding-top:4px; } #admitads{ height:600; margin:0auto; width:160px; background:#fff; border-bottom:2px #333333 solid; border-right:2px #333333 solid; border-left:2px #333333 solid; text-align:center; padding:4px; } #allbloggingmagadsunit{ opacity:1.0; height:auto; width:auto; position:fixed; top:65px; left:10px; border-bottom:1px #005094 solid; border-bottom:0px blue solid; color:#333; padding:0px; z-index:1001; font-size:13px;} </style> function getValue() { document.getElementById(“allbloggingmagadsunit”).style.display = ‘none’; }
Insert Your Ads code here
Additional Customization
- Replace “Insert Your Ads code here” with your AdSense or any other Ads code
- To resize the width, change “160px” to increase or decrease
- Change “Left” to “Right” if you want the Ads to display at the right bar