Powered by Blogger.

VALENTINES DAY(CLICK HERE)

VALENTINES DAY(CLICK HERE)
Home » add facebook plugins » facebook plugin » how to use facebook plugin in my blogspot ? » plugin in my blogspot » How to use facebook plugin in my blogspot ?

How to use facebook plugin in my blogspot ?

0 comments

How to use facebook plugin in my blogspot ?

The instruction of "how to use facebook plugin in my blogspot ?" or 
"How to Implement Facebook JavaScript SDK on Your Website ?"
The Facebook Like button lets a user share your content with your fb friends. When the user clicks the Like button from your site, a story appears in the user's friends' facebook wall with a link back to your website.This is useful to your blogspot or website any platform.


If you are using WordPress Platform, open the single.php file and add the following code. You may change the height and width of the IFRAME as per your blog design.

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink()); ?>&amp;layout=standard&amp;show-faces=true&amp;width=530& amp;height=60&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:530px; height:60px"></iframe>                                                                                                                                                   

If you are using the Blogger/Blogspot,using the following code. The code is :Latest

<iframe src="http://www.facebook.com/plugins/like.php?href=<$BlogItemPermalinkUrl$>& amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&  amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:530px; height:60px"></iframe>                                        

New Version

<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&           amp;action=like&amp;colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px' allowTransparency='true'></iframe>                                                    
 Final Instruction

You have need to edit the HTML of your Blogger template and insert the above line somewhere after the post template – search for "<b:includable id=’post’ var=’post’>" or body.To search go in your template edit option-edit html-proceed- hold on your keyboard ctrl+f  and past the code under the <body>. The code for your blog you can make HERE>. Important Steps :

1.Go with the link which given on HERE.
2.Write down your web page/blog URL in "URL to Like"
3.Customize your won.
4.Click on Get Code
5.Copy the code which in HTML5 1st box "Include the JavaScript SDK on your page once, ideally right after the opening <body> tag". Follow  the Final Instruction.
6.Copy the code which in HTML5 2nd box"Place the code for your plugin wherever you want the plugin to appear on your page".

Categories: , , , icon
Pin It

Related Post:



0 comments:

Post a Comment

Copyright © Latest HD Top Wallpaper world. All rights reserved.