How to put a Facebook button on Blogger
How to put a Facebook button on Blogger - With the popularity of applications like Farmiville and other online games, Facebook got an explosive growth in Brazil. Stay out of Facebook is to miss the opportunity to receive thousands of visitors to your blog or site. I'll start a series of articles teaching how to integrate a blog to Facebook, and the first is how to put a Facebook button on Blogger:
Integrating Facebook button on Blogger:
The "Like" button can be inserted anywhere. I recommend that you put on the end of the post, is where the reader will perform the next action after reading it, but this is not a rule. Before making this change, make a full backup of your blog template.
Among the Blogger dashboard, click design and then edit in HTML. Check the box to expand Widget Templates and search for:
<data:post.body/>Copy and paste the below code above:
<Iframe allowTransparency = 'true' expr: src = '"http://www.facebook.com/plugins/like.php?href =" + data: + post.urlframeborder = '0 'scrolling =' no 'style =' border: none; overflow: hidden; width: 450px; height: 40px; '/>If you want the Facebook button appear at the top of the post, next to the title, put the code just below this line:
<div class='post-header-line-1'/>Optimize Facebook button:
For the button does not appear on the home page, only the posts, please enter the code in green:
<b:if cond='data:blog.pageType == "item"'>For the photos that appear to users who liked, must change the false to true, and the size of the widget to 40px 80px:
<Iframe allowTransparency = 'true' expr: src = '"http://www.facebook.com/plugins/like.php?href =" + data: + post.urlframeborder = '0 'scrolling =' no 'style =' border: none; overflow: hidden; width: 450px; height: 40px; '/>
</ B: if>
<Iframe allowTransparency = 'true' expr: src = '"http://www.facebook.com/plugins/like.php?href =" + data: + post.urlframeborder = '0 'scrolling =' no 'style =' border: none; overflow: hidden; width: 450px; height: 80px; '/>Another thing that can be done is to change "Like" to "Recommend", simply change it Like (in red in the code above), recommend.
The source of the letters can be changed, by default comes in Arial, but you can use other sources.
Save and see if everything was correct.
Categories:
Blogger Hack,
Blogger Tips
0 comments:
Post a Comment