Comments Box Like button CSS

There are some litel work around for FBML Pages to include a Like button. The normal Like button dont work on FBML pages often you import Blogs via RSS or Note and would like to have the nice LIKE button there too. A work around is to use the Like button from the Comment Box and hide with CSS all the other stuff you dont need . Specialy on Facebook landing pages you could embed these Button so the new Fan can use it right inside your leyout and desing and dont need to go to the Page Top to click to get a Fan.

What we whant to get is a like button linked to a existing Facebook Page on a FBML Page.

Add a Static FBML App to your  Page from Facebook. Some html  a image some Flash or something else . Add the Facebook Comment code

 

 

How to get a Like Button that links to your Existing Facebook Page

You have to use the returnurl the url of your Facebookpage, fb detect the page and show all your Fans count and the Face thumbs. The same like button you could also add to your Blog too . As these like button will Render on a Canvas page to it will render also if you import your Blog via RSS into the Facebook Notes. For WordPress Blogs there are several Plugins to include a Like button but these dont link to your existing Facebook Fanpage. These work around will work on FBML Pages and Blogs how to include it in a Blog i will explain on one of the next posts. Now the Like Button for your Static Fbml Page. To get the Comment Box/ Like Button linked to your FB Page you need a return url like these example

<code>fb:comment parameter  : returnurl="https://facebook.com/FILMPRODUCERS"</code>

 

Build a Comments Box

 

 

The FB:comment (XFBML) code :

 

Parameter:

  • XID: Identiviy your Comments you can use any combidnation ven exitisng or used ones
  • canpost: ture/fals
  • numposts=”4″ how many post you would like to show
  • simple: 1/0 show the round bords or not so it fits your desing
  • css: links to your external style sheet , the numbers ?1234 are needet as FB cache your css for a very long time so change it every time you mod your css.

If you need more parameter you find in the FB wikis

Now we have a standard Facebook comment box lets now hide all the stuf exept the like button. We want to hide the comment Box, the Fan Thumbs, and the Facebook Social Plugin footer.

There are 2 way to add style external or inside the Static FBML the second option is more bultet profe as the external css could not load. Unfortunately you cant specify a css file but you can write inline css . As Facebook is changing there Apps all time it hard to know when they change some code or how it works. Thats often also the reason why a App brake that works before.

Style with CSS your Facebook Comment :

These is a part of the Comment css with that you can show the parts you need from the comment box.

/* HIDE THE LIKE BUTTON */

div.like {display:none;}

/* HIDE THE HOVER PAGE LIKE TITEL*/

div.connect_widget_confirmation  {display:none;}

/* HIDE THE COMMENTS FORM */

div.wallkit_form {display:none;}

/* HIDE THE COMMENTS DISPLAY */

div.wallkit_posts {display:none;}  

HIDE THE COMMENTS PAGING AND COUNTING FOOTER */

div.wallkit_subtitle {display:none;}  

/*HIDE THE FANS PROFILES PIX */

div.connect_widget_sample_connections {display:none;}

Formaly you could link  a css style file for that these dont work when you add a return Url.  You have to code it into the FBML page. For Editing you can use any Text Editor. If you use Firebug for Firefox (free ) you can read any Css parameter and change them too color size ect. what about a huge mega Like button 🙂 (That you could share on your wall )

Hope that helps a bit too get your like button where you like it and how you like it .

 

Next:

How to Admin and delet Comments on the FB.Comment box ?

Related posts:

Iphone Tracking Apple
The High 5 for Social networks
New Social Media Revoltuion video

  1. how to hack like status?

  2. how to hack like status?

  3. how to hack like status?

  4. how to hack like status?

  5. how to hack like status?

  6. /* HIDE THE LIKE BUTTON */.
    div.like {display:none;}
    /* HIDE THE HOVER PAGE LIKE TITEL*/.
    div.connect_widget_confirmation {display:none;}.
    /* HIDE THE COMMENTS FORM */.
    div.wallkit_form {display:none;}
    /* HIDE THE COMMENTS DISPLAY */.
    div.wallkit_posts {display:none;}
    HIDE THE COMMENTS PAGING AND COUNTING FOOTER */.
    div.wallkit_subtitle {display:none;}
    /*HIDE THE FANS PROFILES PIX */.
    div.connect_widget_sample_connections {display:none;}

  7. /* HIDE THE LIKE BUTTON */.
    div.like {display:none;}
    /* HIDE THE HOVER PAGE LIKE TITEL*/.
    div.connect_widget_confirmation {display:none;}.
    /* HIDE THE COMMENTS FORM */.
    div.wallkit_form {display:none;}
    /* HIDE THE COMMENTS DISPLAY */.
    div.wallkit_posts {display:none;}
    HIDE THE COMMENTS PAGING AND COUNTING FOOTER */.
    div.wallkit_subtitle {display:none;}
    /*HIDE THE FANS PROFILES PIX */.
    div.connect_widget_sample_connections {display:none;}

  8. /* HIDE THE LIKE BUTTON */.
    div.like {display:none;}
    /* HIDE THE HOVER PAGE LIKE TITEL*/.
    div.connect_widget_confirmation {display:none;}.
    /* HIDE THE COMMENTS FORM */.
    div.wallkit_form {display:none;}
    /* HIDE THE COMMENTS DISPLAY */.
    div.wallkit_posts {display:none;}
    HIDE THE COMMENTS PAGING AND COUNTING FOOTER */.
    div.wallkit_subtitle {display:none;}
    /*HIDE THE FANS PROFILES PIX */.
    div.connect_widget_sample_connections {display:none;}

  9. /* HIDE THE LIKE BUTTON */.
    div.like {display:none;}
    /* HIDE THE HOVER PAGE LIKE TITEL*/.
    div.connect_widget_confirmation {display:none;}.
    /* HIDE THE COMMENTS FORM */.
    div.wallkit_form {display:none;}
    /* HIDE THE COMMENTS DISPLAY */.
    div.wallkit_posts {display:none;}
    HIDE THE COMMENTS PAGING AND COUNTING FOOTER */.
    div.wallkit_subtitle {display:none;}
    /*HIDE THE FANS PROFILES PIX */.
    div.connect_widget_sample_connections {display:none;}

  10. /* HIDE THE LIKE BUTTON */.
    div.like {display:none;}
    /* HIDE THE HOVER PAGE LIKE TITEL*/.
    div.connect_widget_confirmation {display:none;}.
    /* HIDE THE COMMENTS FORM */.
    div.wallkit_form {display:none;}
    /* HIDE THE COMMENTS DISPLAY */.
    div.wallkit_posts {display:none;}
    HIDE THE COMMENTS PAGING AND COUNTING FOOTER */.
    div.wallkit_subtitle {display:none;}
    /*HIDE THE FANS PROFILES PIX */.
    div.connect_widget_sample_connections {display:none;}

  16. Just to let you know… I have hacked FBML even further. I have it so I can now post a single song IN MY MAIN FB STATUS UPDATE…. YUP… Just like a song on MySpace…. I have also coded a “shout Box” that can be incorporated into a status update. It can be Facebooks answer to Google+ “Meetings” It is a live chat box with a main topic!

  17. Just to let you know… I have hacked FBML even further. I have it so I can now post a single song IN MY MAIN FB STATUS UPDATE…. YUP… Just like a song on MySpace…. I have also coded a “shout Box” that can be incorporated into a status update. It can be Facebooks answer to Google+ “Meetings” It is a live chat box with a main topic!

  18. Just to let you know… I have hacked FBML even further. I have it so I can now post a single song IN MY MAIN FB STATUS UPDATE…. YUP… Just like a song on MySpace…. I have also coded a “shout Box” that can be incorporated into a status update. It can be Facebooks answer to Google+ “Meetings” It is a live chat box with a main topic!

  19. Just to let you know… I have hacked FBML even further. I have it so I can now post a single song IN MY MAIN FB STATUS UPDATE…. YUP… Just like a song on MySpace…. I have also coded a “shout Box” that can be incorporated into a status update. It can be Facebooks answer to Google+ “Meetings” It is a live chat box with a main topic!

  20. Just to let you know… I have hacked FBML even further. I have it so I can now post a single song IN MY MAIN FB STATUS UPDATE…. YUP… Just like a song on MySpace…. I have also coded a “shout Box” that can be incorporated into a status update. It can be Facebooks answer to Google+ “Meetings” It is a live chat box with a main topic!

  21. can ou give me a link to download how to hack fb.

  22. can ou give me a link to download how to hack fb.

    • nyaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

    • secret bakla

  23. can ou give me a link to download how to hack fb.

    • nyaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

    • secret bakla

  24. can ou give me a link to download how to hack fb.

    • nyaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

    • secret bakla

  25. can ou give me a link to download how to hack fb.

    • nyaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

    • secret bakla

Comments are closed.