Social Media Sharing Buttons for Blogger Blogs

There are so many ways to add social media sharing buttons in your blog. These buttons increase your readers and thus results in increasing traffic to your blog. Today i will tell you the best sharing buttons for your blog. This Sharing widget contain one facebook, one twitter and one stumpleupon button. Its working perfectly and i have checked this widget. I will tell you step by step method.

Let's see  how to add this.

Simple Social Media Sharing Widget

(1):- Go to blogger.com and sign in to you account.

(2):-Go to Layout >> Add a Gadget >> select HTML/JavaScript.

(3):-Copy this code below and paste it in that empty space.

<div style="display:scroll; position:fixed; top:40%; left:2%; border: 1px dotted #E8E8E8; padding:0px 0px 0px 5px; height:220px; width:53px "> <table cellpadding="1px" cellspacing="0"> <tr> <td style="border-bottom: 1px solid #E8E8E8; padding:5px 0 2px 0;"> <div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='box_count' send='false' show_faces='false'/> </td> </tr> <tr> <td style="border-bottom: 1px solid #E8E8E8; padding:5px 0px;"> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script> </td> </tr> <tr> <td style="border-bottom: 0px solid #E8E8E8; padding:5px 0 0px 0;"> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="howdoblog">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> </td> </tr> </table> </div> <div align="center"><font size="1"> <a href="http://www.howdoblog.com"> widget</a></font> </div>

(4):-Replace howdoblog with your twitter user name.

(5):-Click on save and view your Blog.

That's all for today. I will add more sharing widget for you and i hope you will like this. Get subscribed to receive daily updates in you inbox.Have a nice Day.

Read More

Add Adsense Code in your Header

Number of peoples are trying hard to put adsense code in Header but failed. Today i come up with the same thing and its very easy. You will see by yourself and you can also practice it on your Blog. I will tell you step by step method.

Lets see  how we do this...

Steps:- 

(1):-Go to blogger.com

(2):-Select your specific blog and go to Template>>Edit HTML and click on proceed.

(3):-Press Ctrl+F and Search for this code :

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

(4):-Replace complete line with this:

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

or you can change it manually. I have describes it below.

(4):-Change || maxwidgets='1' to maxwidgets='2'  || and look for these || preferred='yes' showaddelement='yes'> || . If they are no make them yes..

(5):-Now go to Layout and you will see "Add Widget " element above Header. You can now add adsense code to that place. 

I hope you will like this Article and will leave your  valuable feedback's. Get subscribed below to stay tuned of my posts.Have a nice Day.. 

Read More