Embed HTML Code On Facebook Profile To Spread Your Social And Blog Links

[Update - Facebook Terms and Conditions doesn't allow embedding HTML in profile sidebar, but still you can install IFRAME HTML on Facebook Fan Pages for branding and advertisement. Checkout the tutorial on how to show custom HTML, Image and even Video on Facebook Page]

Most of the people who uses Internet are active on Facebook for social networking. If you are active on your blog and other social networking sites as well then it is always useful to provide image icon, link or text related to them over Facebook profile. You can provide Twitter icon and the link to make your Facebook friends your follower on twitter. This way you can spread your social links as well as blog link on Facebook and attract more traffic from there.

To do this, you need to paste some HTML code on your facebook profile page which will have <img> tag, <a> tag, or some texts and that should appear on profile. There some applications on Facebook to write HTML code and then move those codes to profile sidebar. Take a look at some of them,

Note: You can see the link images of my blog, twitter account and other social media provided on my facebook profile page at left sidebar on below image.

facebook_sanjeev_profile

1. My Box

It is a powerful WYSIWYG editor for HTML in Facebook applications. You can edit the box by adding your blog’s logo, Twitter Icon, YouTube Videos and other profile icons and then link them. You can directly add HTML code over there and then check the preview. My Box is a free application on Facebook where you can easily create a HTML box for your profile and then embed that on your facebook profile.

facebook_mybox

2. My Info

Only HTML editor without any WYSIWYG where you can paste or write HTML codes as per your choice and then show that on your facebook profile. My Info is better option for those who are familiar with HTML and CSS otherwise go for My Box.

facebook_myinfo

3. My HTML

It is similar to My Info but it doesn’t have Narrow and Wide box option which actually adds a div for width of the box. If you are planning to add HTML code in your Facebook Box then that should have more width i.e. wider but If you are planning to have HTML on profile page in sidebar then that should be narrow. This width feature is provided in “My Info” editor but is missing from My HTML.

To implement the newly created HTML box for your own, just go for editing your installed applications and then edit the application setting from there. If you are using My Info, then click on Edit Setting for My Info in your installed applications. Add the application on “Box” and then enter in your Facebook Box on Profile Page of Facebook and then move the HTML box from there to Profile page in Sidebar.

I can proudly say that once I added the HTML links of my blog, twitter account and other profiles, I got more numbers on followers and more hits on Internet Techies.

Sanjeev Mishra is a professional blogger and an Internet Marketing Consultant based in India. He has built the Internet Techies to provide you updates in technology and web application area.

8 Comments

  1. Pierre

    March 15, 2010 at 9:59 pm

    Hi Great great stuff…

    Question? I have a FB profile (personal) and then created a FB Page for a theater show we are producing… i then saw that FB provides usernames (vanity urls) for profiles and pages… i created one but it only seems to point to my profile when i actually want it to point to my PAGE

    any thoughts on how to fix that? did i do something wrong (i dont think so)
    pierre

  2. Jessica

    April 21, 2010 at 12:33 am

    It doesn’t work that way. The vanity URL is specifically for your profile. You can use Tiny URL to make a custom link that will point directly to the business profile. Although it’s just easier to create a widget on facebook for your business.

  3. Steve

    June 15, 2010 at 6:45 am

    Thanks for the post, i was looking for this and it helped me find the fbml for facebook addon. it seems as if they integrated it right in so all you have to do is add it to the page then add the html code you want. great resource will share post.

  4. bang kotan

    June 18, 2010 at 2:30 pm

    I still don’t know hoew to do this (put embed code html to my FB profile) :(
    You said above “There some applications on Facebook to write HTML code and then MOVE those codes to profile sidebar”. I use My Box. I have the embed code and I can paste it in the My Box alright,….but how do I MOVE them to my profile sidebar? I don’t know….. please tell me…thank you

  5. Facebook Application

    June 24, 2010 at 3:18 pm

    I want to put an icon possibly 16×16 pixels in size , containing the facebook logo. For example putting “facebook” on my website and when they click it , it posts a piece of text for example click here for a cool website which will be hyperlinked to something similar to facebook URL. It will then hyperlink the URL contained within the text to their facebook profile page. But I cant find the icon or embedded html code anywhere . Does anyone know this code , or where I can get it.

  6. Jefry G. Acdal

    December 7, 2010 at 8:30 am

    please give me some embeded
    codes

  7. therealfun.com

    February 17, 2011 at 10:08 pm

    how can i add html code in facebook profile

  8. uchiha manga

    February 10, 2012 at 7:17 pm

    pleass give me how i can to manage html of my facebook profile… ??!!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>