How to Add a Facebook Badge Or Fan Box to Your WordPress Blog

With over 500 million registered customers on Facebook, it is someplace you need to be!  Encourage your web site guests to grow to be pals with you, or like your fan web page, by including a Facebook Badge or Fan Box to Your WordPress weblog with these two straightforward steps.

M) Get your code from Facebook.

To create a badge, begin in your profile web page.  Scroll right down to the place the left aspect column ends and you will see a “Create a Profile Badge” hyperlink.  Click that hyperlink.  On the brand new web page, you will see a number of choices on the left:

  • Profile Badge – this can present your photograph, identify, and different info you select out of your private profile.
  • Like Badge – it will let you promote any web page that you are a fan of with a like badge.
  • Photo Badge – this one permits you to share photographs out of your private profile.
  • Page Badge – to advertise your fan web page, select this badge and it’ll present your fan web page title, the newest standing replace, photograph, and variety of followers.

Choose which badge you’d wish to create and comply with the steps via to the top the place you will get a snippet of code.  Copy that snippet of code.

If you’d wish to create a fan field as an alternative that exhibits your fan web page, standing updates, and footage of your followers, you are able to do that by beginning at http://builders.fb.com/docs/reference/plugins/like-field

Tip: to seek out your Facebook fan web page’s distinctive ID go to your fan web page, proper-click on in your emblem on the highest left, and select “Show Properties” or “Properties.”  In the data field that comes up, take a look at the URL or handle of the hyperlink.  At the top of the URL you will see one thing like &id=1234567890  That quantity is your fan web page’s ID.

Enter your info, customise the settings and click on “Get Code” to see your code.  Copy the code within the iframe choice.

P) Put your code in a widget in your weblog.

Login to your WordPress admin pages.  Under “Appearance” click on “Widgets” to go to your widgets web page.

Next discover the “Text” widget choice within the widget packing containers within the center space of the web page.  Grab it and drag it into the sidebar widget column.

Now open that widget and paste your snippet of code from Facebook into the field.

Save your widget.

Go to your web site and ensure it is displaying correctly.  If not, double examine that the code you copied is right and save once more.

And that is it!  Your new Facebook badge or fan field will show within the widget you created.

Bonus Tip: If you want this, you may also just like the plugin fbLikeButton which provides a “Like” button on the prime and/or backside of all your posts.

Content Management SystemDynamic WebsitesHTMLHTML 5ITJQuery

html snippetSEO tipsweb development tipswordpress tipsworodpress snippets

Leave a Reply

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