How To Add Static Facebook Fanpage Like Box With Smooth Jquery Hover Effect

This article is all about on “How To Add Static Facebook Fanpage Like Box With Smooth Jquery Hover Effect” and for the new updated version see this article “facebook like box” for the tutorial and demo.

Step 1:

  1. Adding Jquery JavaScript Plugin (Ignore this step if your blog have already a Jquery Plugin).
  2. Login to your Blogger Account.
  3. Go to Blogger Dashboard >> Dropdown Menu >> Template.
  4. Press Ctrl+F and search tag.
  5. Add the code below before tag.


Step 2:

Replacing Facebook Fanpage URL ID.

  1. Replace my facebook page URL ID below with the URL ID of your page.
  2. Change “modifier200“.




Step 3:

Adding Widget Code.

  1. Go to Dashboard > Dropdown Menu > Layout.
  2. Then Add A Gadget > HTML/JavaScript.
  3. Copy the code above and paste it into content area.


  1. Save the changes and view your blog.

Hope you liked this article subscribe to receive new update’s about new Blogger tutorials.
  • sudath dahanayaka

    This comment has been removed by a blog administrator.

  • Trickiezone

    @Software Area
    Sorry site links not allowed, you can choose other blogger template with easy loading, without background images.

  • kraeng-francisco-tutorial

    Thanks for the tutorial is easy to understand and very useful

  • Alexus Pastrana

    Thanks for this! I’m now using it..:)

    • John Francel Abaricia

      thanks for your feedback bro :)