This button (when clicked) will share the containing post. It will detect the correct post URL regardless of the type of page you are at -be it home page, individual/post page or any other pages.
Now let us proceed:
1. Go to Dashboard > Design > Edit HTML.
2.Back up your template.
3.Tick the Expand Widget Templates check box on top right of the HTML window.
4.Find the following code in your HTML, this is the code for your post content:
1 <data:post.body/>
Paste the Facebook button code immediately below (after) it:
<!-- Facebook share button Start --><b:if cond='data:blog.pageType != "static_page"'><div style='float:left;padding:5px 5px 5px 0;'><a expr:share_url='data:post.url' href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script></div></b:if><!-- Facebook share button End -->
- Choose the type of button by replacing the value of type attribute (in line 4) with the corresponding code below.
Note: The counter will only show up after the count reaches 3.
2. Button repositioning
The steps above positioned the button on bottom left of each post. You can change the positioning if you like:
- Position it on top of post
- Place the button code before (instead of after) <data:post.body/>.
- Position it on the right
- Change the float in line 3 from left to right.
- To also display the button in static pages, remove the conditional tag -code line 2 and 6.
5.If you like what you see then Save.
Make Sure You Share This Post For Your Friends To See It On Facebook.
1 comments:
You created another great post i must mention. Competently brought info in this post, I prefer to read this type of articles. The level of content is first-rate along with the result is very useful.
website design
Post a Comment