Twitter button on each blog post

The button "Tweet" allows the press who, getting their followers a link to the blog or site where the button is located, reporting the discovery. The vote is recorded as the button has a counter, so the editor will know how many times has been pressed indicating the degree of popularity. 


If you are using one of the templates that come by default in Blogger is possible that your tickets at the bottom of the toolbar buttons appear to share 

Disable the button bar to share Blogger

Remember that the goal of this tutorial is to substitute these buttons (just visually) by the official button so the button "Like" Facebook and the Twitter button (this tutorial) and the Google button + as you can see in this blog. My recommendation is therefore hidden. 

Hide Standard toolbar buttons to share Blogger 

• Enter the Design Tab
• If you are using the old interface , also click on the tab "Page Elements"
• Click "Edit" under "Blog Entries"
• Uncheck "Show buttons to share"

Place the button "Tweet" on each blog entry 

• Step 1. Access the HTML editor and make a backup before making changes
• If you are using the new Blogger interface
• Go to "Template Tab" and go to the bottom of this page.  
• Make a backup copy of the template by clicking "Backup"
• Click on the "Edit HTML template"
• Click on "Expand Widget Templates"
• If you are using the old interface Blogger
• Go to the "Layout tab" and then go to "HTML Editor"
• Make a backup copy of the template by clicking "Download full template"
• Click on "Expand Widget Templates"
• Step 2. Find the following code in your template:
• Use the search browser by pressing Ctrl F or Ctrl B and find this text:
• To place the button at the bottom of entry: post-footer-line post-footer-line-1
• To place the button in the header of entry: post-header-line
• The button code will just below the line you just found
• Step 3. Copy the button code Twitter


<A class = 'twitter-share-button' data-count = 'horizontal' data-lang = 'en' data-via = 'youruser' expr: data-url = 'data: post.url' href = 'http: / / twitter.com / share '> Tweet </ a> <script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

• Step 4 Copy the snippet and paste it just below the line found in Step 2.
• Step 5 Change in the code where it says paste just for your user youruser Twitter
• Step 5. Save the template and displays the Blog

For more information on this button and its variants refer to the official Twitter page. 

Note: As mentioned at the beginning, our goal is to replace the standard bar buttons to share Blogger for a few more buttons visually, which is why I recommend you also place the button "Like Facebook" and the button "Google +" . 

Below you can see and run the button "Tweet". If you liked this post click on the button to recommend it to friends. Thank you. 

If you liked this book and not want to miss any other, follow me through Twitter