1. Log in to your dashboard--> Design- -> Edit HTML
2. Click on "Expand Widget Templates"
3. Search "Ctrl+F" and find the following cod:
<b:if cond='data:post.title'>
<h2 class='art-postheader'>
4. Now paste the next code after the upper code:
<div style='float:right; margin-right:10px;'>
<!--Facebook Send button Start ArtisTutorials.co.cc -->
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:send colorscheme='light' expr:href='data:post.url' font='arial'/>
<!--Facebook Send button End ArtisTutorials.co.cc -->
</div>
If you want to align the button an the left side change :
float: right; to float: left;
Also you can change the color scheme of the button from : light to dark.
With this trick the like and twitter button will appear in the right side of the title , if you want to make the buttons apperar in the article you have to paste the facebook and twitter code before (for the buttons to appear top of the article) or after (for the buttons to appear bottom of the article) this code:
<data:post.body/>
5. If you want both the send button and the like or recommend just paste on step 4 the next code:
<div style='float:right; margin-right:10px;'>
<!-- Facebook Like+Send button Start ArtisTutorials.co.cc -->
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><fb:like colorscheme='light' action='like' layout='standard' expr:href='data:post.url' font='' send='true' show_faces='false' width='450'/>
<!-- Facebook Like+Send button End ArtisTutorials.co.cc -->
</div>
How to change "Like" to " Recommend" :
Find in the code the line:
action='like'and change it to:
action='recommend'Also if you want to display only the number of likes and not who liked the post find the line:
layout='standard'and replace it with:
layout='button_count'You can also change the:
width='450'to any value that will align the post better on your template.
6. Last step is to save the template and look for the result.
Post a Comment