How to Add tweet button on Blogger

Last Updated on June 3rd, 2016
0
272
How to add tweet button on blogger
First you should make a full backup of the existing model (later you can return if you make a mistake in the code). To do this go to Layout> Edit HTML in your Blogger Dashboard and click on “Download full template” link at the top of the page. Save the template to a location on your computer you can easily access later.
 
Then we can return to edit the layout–> HTML page and make sure you check the “Expand templates flash box. The place where we add the code of the gadget must be Twitter posts.
Search in this section in the Blogger template code (or similar):
<div class=’post-footer-line post-footer-line-1’>
If you can not, this exact line of code, instead of looking for “post-footer.” Alternatively, you can paste the code immediately after line.
 
'post-footer'
was found shortly after the “post-footer”, add the following code section:

<b:if cond=’data:blog.pageType == “item”‘><span style=’float: left; background: url(http://lh6.ggpht.com/_xn2gmPb9TfM/Sb_fZkjAxpI/AAAAAAAAD3E/_9xpsQgFfTg/s128/twitter-16×16.png) left no-repeat; padding-left: 20px;’><script charset=’utf-8′ src=’http://bit.ly/javascript-api.js?version=latest&amp;login=tweettrackjs&amp;apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523′ type=’text/javascript’/>
<script charset=’utf-8′ src=’http://s.bit.ly/TweetAndTrack.js?v=1.01′ type=’text/javascript’/&gt
<a expr:onclick='”return TweetAndTrack.open(this, “” + data:post.url + “”);”‘ href=’#’>
<span style=’display:none;’>I’m reading: <data:post.title/></span>Tweet this!</a></span></b:if>

 
Overview of changes in the blog template to ensure that it is not an error committed by the code. If all goes well, the preview page of the charge (even if you can not see, Twitter leads in the preview page).
Finally, you can use the template. Well, if you will view an article on his blog, you see a link in the footer then looks like this:This link is a shortened URL automatically Bit.ly for your message. When a user clicks on this link to Twitter.com (which can be consulted if necessary), filled with a tweet looks like the following:
 http://bit.ly/url I’m reading: [title-of-blog-post]
If you prefer, the Tweet filled more than “I read” you can edit this sentence in the code to your Blogger template to add. Readers can Tweet edit before the upgrade, completed if necessary.
I hope you enjoy this link Twitter to organize your own Blogger templates. Please try it for yourself to see how it works and feel free to leave your comments below.

LEAVE A REPLY