ADDING FACEBOOK LIKE BUTTON AFTER EVERY POST ON BLOGGER BLOGS
This is very simple just 2 steps and it's done , here they are:-
Log into your blogger account, then go to Layout >> Edit Html.
Before doing anything you must check Expand Widget Templates box.
1) LIKE BUTTON AT THE STARTING OF POST(After post title)
Find the Code (USE "CTRL F" TO FIND IT)
AFTER FINDING THIS JUST PASTE THIS CODE GIVEN BELOW
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
And paste the button code Before it.
Click on Save Template and you are done
2) LIKE BUTTON AT THE END OF POST (After post body)
THIS ABOVE METHOD WILL SHOW THE LIKE BUTTON AT THE STARTING OF THE POST,BUT IF YOU WANT LIKE BUTTON AT THE END OF THE POST THEN
# FIND THIS CODE
,,,,,,,SEARCH <data:post.body/> IN YOUR TEMPLATE CODE,,,,,,INSTEAD OF
PASTE THE CODE AFTER THIS ,,,
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
Click on Save Template and you are done.
This is very simple just 2 steps and it's done , here they are:-
Log into your blogger account, then go to Layout >> Edit Html.
Before doing anything you must check Expand Widget Templates box.
1) LIKE BUTTON AT THE STARTING OF POST(After post title)
Find the Code (USE "CTRL F" TO FIND IT)
AFTER FINDING THIS JUST PASTE THIS CODE GIVEN BELOW
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
And paste the button code Before it.
Click on Save Template and you are done
2) LIKE BUTTON AT THE END OF POST (After post body)
THIS ABOVE METHOD WILL SHOW THE LIKE BUTTON AT THE STARTING OF THE POST,BUT IF YOU WANT LIKE BUTTON AT THE END OF THE POST THEN
# FIND THIS CODE
<data:post.body/>
,,,,,,,SEARCH <data:post.body/> IN YOUR TEMPLATE CODE,,,,,,INSTEAD OF
PASTE THE CODE AFTER THIS ,,,
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
Click on Save Template and you are done.
No comments:
Post a Comment