Adding Facebook like box widget for your wordpress blog :

  • Author
    Posts
  • #584760

    Adding Facebook like box widget

    Hello friends.

    Today in the tips n trick column I will suggest some cool way of adding a Like box to your WordPress blog which is a free domain. I know the problem in this free hosted WordPress blog. The plugins have been deactivated due to various security reasons. The WordPress also does not supports HTML codes.This is the problem faced by many of the bloggers like me. I too had great problem without a like box and my blog had a stunned growth.But I have a clever way of tackling this problem.

    See when your WordPress blog does not supports a HTML codes then you can prefer the blog that supports it. Pretty confused ?? I am saying simply that you cant transfer your blog to other Blog creating website as you will not wish to. So you can prefer a single webpage for some of the blog creating website that supports HTML codes. I prefer the well known blogger.com which supports all HTML/Javascript and another feature of blog is that you can change template as your wish and suiting your aspects.

    So simple step is just go to blogger.com add the required widgets there and add it to your WordPress Blog by adding it as a custom link. Make sure that you develop a perfect navigation link in the Blogger Blog so that you will be perfectly able to redirect the traffic to your blog. But what will be the content in that blog ??? Sure Indiancriticz has a answer for it !!

    I personally suggest a welcome page or site update page. In my page I have developed a welcome page as managing two blogs will be really difficult. For better understanding check out my page either by clicking the category AUTHOR’S CABIN or this link : Indiancriticz-Author’s cabin. Add as many widgets as you can in that page. I hope so you will develop the Like box as you wanted.

    I hope so this article would be really useful for you and you will also help us by liking us in our Author’s cabin !!!
    Read related more stuffs from http://indiancriticz.wordpress.com/
    Enjoy Blogging !!

    The blog I need help with is indiancriticz.wordpress.com.

    #584977

    jwane
    Member

    Or, an even more clever thing to do is to get the wordpress staff to add a like button to wordpress-dot-com because we like it here.

    #585218

    But the wordpress is not allowing it for security reasons…

    #585227

    timethief
    Member

    @jwane
    You refer to a Facebook “like button” and not to the Facebook like box. Please see here > https://en.forums.wordpress.com/topic/its-possible-facebook-share-and-like-buttonsat-the-same-time?replies=67

    #585230

    sanjidas
    Member

    I like it here and so I have devised a way to add Facebook Likebox in wordpress.com that does open in wordpress.com. No need to redirect traffic elsewhere. I think the standard practice is to try to keep readers and clicks in the main site.

    You can see my workaround here:
    How to add a Facebook Likebox in a wordpress.com blog – part 2

    #585246

    @sanjidas: thankz.. i wil try it and respond to u !!

    #585247

    I am not even able to take facebook likebox link… can u pls help me..
    My fb link is : http://www.facebook.com/apps/application.php?id=209323919083075

    #585249

    sanjidas
    Member

    I am not even able to take facebook likebox link

    Have you created a Facebook Likebox? If so, please give me the code and I will extract the Facebook Likebox url that you need!

    #585276

    The Iframe :

    <iframe src=”http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fapps%2Fapplication.php%3Fid%3D209323919083075&width=292&colorscheme=light&show_faces=true&stream=false&header=true&height=62″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:292px; height:62px;” allowTransparency=”true”></iframe>

    The XFbml:

    <script src=”http://connect.facebook.net/en_US/all.js#xfbml=1″></script><fb:like-box href=”http://www.facebook.com/apps/application.php?id=209323919083075″ width=”292″ show_faces=”true” stream=”false” header=”true”></fb:like-box>

    pls help me !!

    #585279

    jmathews5
    Member

    Kind of disappointed that this is that difficult and it shouldn’t be. Other blogs don’t have this issue.

    #585297

    if i made a facebook page for my blog, how can I put a follow on facebook button on my blog?? someone please help, thanks:)

    #585298

    airodyssey
    Member
    #585315

    sanjidas
    Member

    @srinivasavaradhan,

    I can’t access your Facebook Likebox, it just redirects to facebook homepage. Can you please give me your facebook page url instead? I can create a likebox for you that is visible.

    #585316

    sanjidas
    Member

    http://www.facebook.com/plugins/likebox.php?api_key=113869198637480&channel=http%3A%2F%2Fstatic.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%3Fversion%3D0%23cb%3Df315330cf36c2f%26origin%3Dhttp%253A%252F%252Fdevelopers.facebook.com%252Ff25034b02e507f2%26relation%3Dparent.parent%26transport%3Dpostmessage&colorscheme=light&header=true&height=590&href=http%253A%252F%252Fwww.facebook.com%252Fapps%252Fapplication.php%253Fid%253D209323919083075&locale=en_US&sdk=joey&show_faces=true&stream=true&width=300

    This is the url you need to put in Tagul.

    But please shorten the url using bit.ly or similar url shortening service before you put it in Tagul.

    #585317

    sanjidas
    Member

    @jmathews5,

    Kind of disappointed that this is that difficult and it shouldn't be. Other blogs don't have this issue.

    My heart goes out to you. Other platforms allow iframes, wp.com doesn’t for security reasons. There is nothing we can do about it accept try out workarounds.

    #585326

    annesofiem
    Member

    @ sanjidas I can’t put a facebook like box on my blog too. My Facebook URL is http://www.facebook.com/SocialMediaPharma can you please help me too! :-)

    #585334

    sanjidas
    Member

    @annesofiem,
    Where exactly are you stuck?
    Have you been able to add the Facebook Likebox in Tagul?

    Important:
    Tagul has changed their interface. After you put all the information in Tagul as per my instructions in the tutorial, you will have to click the “Visualize” button (it wasn’t there when I wrote my post).

    And if you want me to help you, please give me the code of your facebook LIKEBOX, not your facebook page.

    #585335

    annesofiem
    Member

    @sanjidas you can try to see on my blog http://socialmediapharma.wordpress.com/ when I put in the code of the likebox, it only shows text.. I don’t know what Tagul is?

    Here are the codes of the likebox:

    <iframe src=”http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FSocialMediaPharma&width=240&colorscheme=light&show_faces=true&stream=false&header=true&height=62″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:240px; height:62px;” allowTransparency=”true”></iframe>

    <script src=”http://connect.facebook.net/en_US/all.js#xfbml=1″></script><fb:like-box href=”http://www.facebook.com/SocialMediaPharma” width=”240″ show_faces=”true” stream=”false” header=”true”></fb:like-box>

    I hope you can help me :) And thanks a lot for your help!!

    #585349

    sanjidas
    Member

    annesofiem,
    You can know what Tagul is here and you can also learn how to do it yourself
    See here:
    How to embed iframe widgets in a wordpress.com blog

    I have also updated the instructions because Tagul looks different now.

    #585362

    annesofiem
    Member

    Hi again sanjidas,

    I have tried everything, but i cannot get the like box into my blog. What can i do, can you please help?

    Here is my blog:
    http://socialmediapharma.wordpress.com/

    And this is the likebox codes from Facebook:
    <iframe src=”http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FSocialMediaPharma&width=240&colorscheme=light&show_faces=true&stream=false&header=true&height=62″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:240px; height:62px;” allowTransparency=”true”></iframe>

    <div id=”fb-root”></div><script src=”http://connect.facebook.net/en_US/all.js#xfbml=1″></script><fb:like-box href=”http://www.facebook.com/SocialMediaPharma” width=”240″ show_faces=”true” stream=”false” header=”true”></fb:like-box>

The topic ‘Adding Facebook like box widget for your wordpress blog :’ is closed to new replies.