Recently, I shared a post here on how I was able to increase my Google Adsense CTR (Click Through Rate) from 0.1% to 3-5% by Adding Google AdSense Ads Below Post Title. If you are a blogger and one of the means you use to monetize your blog is Adsense you need to put your ads where your blog visitors will be able to easily see it and click.
Today, I want to share another tutorial on how you can easily add Adsense code with social sharing button by it side as seen in the picture above. This will not only increase you earnings but it will make your blog look good and also increase your social engagement since your blog visitors will be able to share your post easily.
How to Add This Feature to Your Blog:
1. Go to www.google.com/adsense create a new ad unit precisely a 300 x 250 or a 336 x 280 since they are the best ad to fit in.
2. After getting the code, copy the code and paste it into the generator below and then click on Generate button.
3. Now go to your blog Dashboard ==> Template ==> Edit HTML ==> Proceed ==> Expand Widgets.
4. Copy and Paste the code in the CSS Section above ]]></b:skin> tag and the code in HTML Section below <div class='post-header-line-1'/> tag.
10 comments so far. What are your thoughts?
Hi dear
I cant find this <div class='post-header-line-1'/>
in my blog, would you help me please ?
Thank you
@Karim, make sure you tick Expand Widget box. But in case ;div class='post-header-line-1'/> is not present in your blog, search for and then add the code above it.
@Karim, make sure you tick Expand Widget box. But in case <div class='post-header-line-1'/> is not present in your blog, search for <data:post.body/> and then add the code above it.
It's always nice visiting your site.
@Olusegun Fapohunda
Thank You Admin,
finally i added it to my blog take a look Add Professional Social Subscription
Happy Blogging.
What of if you have share buttons already like in this; http://www.chidoonumah.com/
@Chido Onumah, Give this Floating Vertical Share Bar a try.
OLUSEGUN... Thanks for this tutorial. This is what my site need. I have added it into my site.
By the way...
For HTML section, I didn't put in below <div class='post-header-line-1'/> but above <data:post.body/>
it shows also in the home page ! :( how can i solve that ? pleaaaaaase help
@tutorialblogspot.com, that method too will work.
@Adnane El s, follow the explanation in the post carefully. You might be missing a code.
Click Here to Leave a Comment
Don't just read and walk away, Your Feedback Is Always Appreciated..
Note:
Please do not spam, spam comments will be deleted immediately upon review.