Hello! Trickiezone.com is now under maintenance.
Home » Blogger » How To Add Static Facebook Fanpage Like Box With Smooth Jquery Hover Effect

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.

Code:

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“.

Code:

    
   

   
   

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.

STEP 4:

  1. Save the changes and view your blog.

Hope you liked this article subscribe to receive new update’s about new Blogger tutorials.
  • http://www.blogger.com/profile/16663117153445776136 sudath dahanayaka

    This comment has been removed by a blog administrator.

  • http://www.blogger.com/profile/04300063930822275530 Trickiezone

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

  • http://kraeng-francisco-tutorial.blogspot.com/ kraeng-francisco-tutorial

    Thanks for the tutorial is easy to understand and very useful

  • http://www.blogger.com/profile/10901399094702195249 Alexus Pastrana

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

    • http://www.blogger.com/profile/04300063930822275530 John Francel Abaricia

      thanks for your feedback bro :)