Skip Navigation

Adding a Facebook badge?

Travel Forums System Talk Adding a Facebook badge?

1. Posted by The Tipsy Gipsy (Respected Member, 34 posts) 21 Jan '13 06:06

Hi
I would like to add a Facebook badge to my blog. Just like the little twitter feed but connect to my Facebook page. Facebook generates them and tells me the following, overly large code should do the trick. It doesn't appear to be that simple. Can anyone shed some light or am I trying to do something that's not compatible?
Thanks
Regan :)

<a href="https://www.facebook.com/TheTipsyGipsy" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="The Tipsy Gipsy">The Tipsy Gipsy</a><br/><a href="https://www.facebook.com/TheTipsyGipsy" target="_TOP" title="The Tipsy Gipsy"><img src="https://badge.facebook.com/badge/154752387998407.584.1861459659.png" style="border: 0px;" /></a><br/><a href="https://en-gb.facebook.com/advertising" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Make your own badge!">!-- Facebook Badge END -->
2. Posted by Sander (Moderator, 4275 posts) 21 Jan '13 14:52

That's HTML code, which we don't allow directly on our blogs for various reasons (security being most important amongst them).
However the code does contain the information you need to make it work. So go to the "manage" section of your blog, click the manage "tab" with the little down arrow next to it, and click on "links". On that page, "Add a new link", and fill in for the link: https://www.facebook.com/TheTipsyGipsy, and fill in for the image: https://badge.facebook.com/badge/154752387998407.584.1861459659.png, and the title can be anything ("Visit me on Facebook" or something like that.)

3. Posted by james_peter (Inactive, 3 posts) 21 Jan '13 15:22

How I can create this code for my personal blog.

4. Posted by The Tipsy Gipsy (Respected Member, 34 posts) 22 Jan '13 02:01

Awesome thanks :)

James if you click the settings wheel on your own Facebook there is a create a badge option which you can edit and set to your liking, it then creates it for you and gives you a code.

You need to find the url to that badge.
I think Sander is a better help there, apart from right click 'save image url' i'm not sure of the best way?

Post 5 was removed by a moderator