Add share buttons after your blog title in header area

 

You can add facebook,google plus or other share button in your blog header area.as we can see in my blog.now i,m using watermark template.and it working fine.its also works with awesome inc. template as well(tested by me).so lets do that..:)

1.Go to facebook like pluging

2.crate your plugin.

3.copy the iframe code u need a application for that.go to this link to.and crate app

4.now get your google plus code.go to this link.Copy the code

5.Now login with your blooger a/c.go to template>edit html>proceed.click on Expand Widget Templates

6.Find this code

        <h1 class='title'>

          <b:include name='title'/>
        </h1>

7.you should give google plus and facebook like a different div.so that you float them by css

9.so your code will be like this

<div class='facebook'>

your facebook plugin code here

</div>

<div class='plusone'>

your googleplus page here

</div>

8.paste your facebook google plus codes after </h1> tag.

9.now time to add some css.go to customize>advance>add css.then add this code

div.plusone{

float:left;
margin-left:10px;
margin-top:7px;
}
div.facebook{
float:left;
margin-left:15px;
margin-top:10px;
width:85px;
}

h1.title{

margin-left:15px;

float:left;
}

 10.You are done.

If you face any problem please let me know.dont forget to share this page.this is a new blog i need your help.stay turned for for more tutorial.