How To Create And Share Buttons In Blogger Post Like(Facebook Like, Tweet Button, and Google +1 Button)

Share buttons are buttons that can be used by visitors to rate & share links or specific content that they like to social media, Facebook, Twitter, Google+, etc.. Open Secrets Blogspot lot buddy who asks about who I use share buttons under title post. I use 3 buttons belong to 3 social media be structured such that one part of the widget. I used to share how fitting & Facebook Like Button Google +1 Button, however Tweet Button yet. But because a lot of buddies who ask for 3 buttons (button) share it at once into a single widget, okay the Tweet Button I would immediately jump and share how to make and install all three.

 
Still like the two previous ways, this widget will only be displayed on the posting page post when opened a whole and does not appear on any other page types (homepage, label, search, archive). In order for the arrangement, the distance and did not look messed up, I made a separate measurements on each button and then put them together with the table. So, do not change any value in the respective button.

Before mounting the share buttons, note the following:
a. If you've installed the widget Facebook like or Google Plus, especially that I share in this blog, or grab first remove the code. 2 See the previous post to find out which one should be removed.
b. If you've ever put on Google+ 1 Button, no need to install a plugin API Google +1 script as follows:

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

c. If not, install a plugin API Google +1 script above </ head> on edit HTML / Edit Template.

How to Install Share Buttons (Facebook Like, Tweet, and Google +1)
After making sure some of the above, plug the share buttons widget with the following steps:
1. Copy the script / code below:

<b:if cond='data:blog.pageType == "item"'>
<table border='0'> <tbody> <tr>
<td> <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="MyTwitter"> Tweet </ a> <script type = "text / javascript" src = "/ / platform.twitter.com / widgets.js"> </ script> </ td>
<td> <iframe allowTransparency = 'true' expr: src = '"http://www.facebook.com/plugins/like.php?href =" + of data: post.url + frameborder = '0 'scrolling =' no 'style =' border: none; overflow: hidden; width: 90px; height: 21px; '/> </ td>
<td> <g:plusone expr:href='data:post.url' size='medium'/> </ td>
</ Tr> </ tbody> </ table>
</ B: if>

Replace MyTwitter with your twitter account name

2. Open the page and edit the HTML / Edit Template:
Design >> click Edit HTML
3. If you want to put under the title of the post:
Find (Ctrl + F) <div class='post-header-line-1'/>, put the script / code directly below. <div Class='post-header-line-1'/> if not met, then search <data:post.body/> put script / code right on it.
4. If you want to put in the bottom of the post / article:
Find (Ctrl + F) and place <data:post.body/> script / code directly below.
5. Save template 'n see the result.
6. Done.

Good luck and enjoy your blog's share buttons (Facebook Like, Tweet Button, and Google +1 Button).

Posted in: Blogger Design,Blogger Layouts,Blogger Tips,Blogger Tools,Blogger Tricks