How to make buttons like Facebook, Twitter and Google +1 on posts

FACEBOOK...<>...TWITTER...><...GOOGLE +1
How to make buttons like Facebook, Twitter and Google +1 on posts

For those who have made ​​a hobby of writing and publishing articles and certainly have the expectation that he wrote what is favored by the reader. Sometimes difficult for some writers do not even know how to find anyone, from anywhere and use the facilities any interest in the publication of articles that have been accessed. The credibility of social networking or social networks like facebook, twitter is very well known in every country it can be used as a promotional tool article to be published even they can give a strong contribution to improve Google Page Rank and Alexa Rank of a website or blog.
One way to determine the extent to which the post is favored by the netter is to create a button like facebook, Twitter and Google +1 that can be placed at the top or bottom of your article publication on a website or blog.

As for the stages to make it as follows :

1.  Log into your blogger account / dashboard
2.  Click the Design / Design> Edit HTML> Expand Widget Templates checkbox
     and do not forget to backup your template by downloading it in full.
3.  Put the code below just above the </ head>

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

         This code is the javascript code that serves to bring up the Google +1, if the code is already there,
         then it does not need to be included again.

4. Then Copy the code below  ;


Enter the first code below just above the </ head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<table border='0'><tbody><tr>
<td><a class='twitter-share-button' data-count='horizontal' data-via='Jengkolmuda.blogspot' href='https://twitter.com/share'>Tweet</a><script src='//platform.twitter.com/widgets.js' type='text/javascript'/></td>
<td><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:85px; height:22px;'/></td>
<td><g:plusone expr:href='data:post.url' size='medium'/></td>
</tr></tbody></table>
</b:if>

 5. Find the script code as shown below, then put the script code andan earlier stage 4 according to your taste.

If you want to install the share button at the bottom of the post, then you will find the following code and place it right below.

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'/>
</div>

If you want to install the share button at the top of the post, then you will find the following code and place it right below.

<div class='post-header'>
<div class='post-header-line-1'/>
</div>

From experience, the fear of things that are not desirable, so fatal to your blog, you should store them and you do not immediately CLICK PREVIEW first. You need a few minutes to see the results, if the error did not occur then the results of your work successfully. And then you click Save Template.
For those of you who want to source directly to the blog, please click here.

ARTIKEL TERKAIT: