Monday, March 14, 2016

Facebook like & share button on each post

Hi,

Let me show you the easiest way on how to add Facebook like & share (dunno why but both of the counters are the same, sigh) button on each post.

Here's the steps:

1. Log in to your blog account.

2. Go to TEMPLATE then click EDIT HTML

3. Search for <data:post.body/>

4. To search this, press Command or Control+F



5. Copy and Paste the codes below:

For LIKE button
<p><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=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; float: right; overflow:hidden; width:100px; height:20px;'/></p>
For SHARE button

<div class='facebook-share' style='float: right'>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>

6. Below post (at the end of your post), paste the code below <data:post.body/>
If you want it above the post (right under the post title), paste it above <data:post.body/>
Like me, I would prefer above! 

7. If you want the share button to be on the left, just change the style to the left
<div class='facebook-share' style='float: left'>

8. Save your template by pressing "save template".

THE END! 


Notes: if it's not working, search again for the <data:post.body/>  tag, FOR TWICE .. then paste the codes. 

No comments:

Post a Comment

NO HATERS ALLOWED.
Haters + Anonymous = Chickens.