Header Ads

Add static pop out Facebook like box with smooth jquery hover effect?


 Social plugins let you see what your friends have liked, commented on or shared on sites across the web. The Like button lets users share pages from your site back to their Facebook profile with one click.


Here There are 2 Simple Steps
Step 1: Adding Jquery JavaScript Plugin(Ignore this step if your blog have already a Jquery Plugin)








Go to Blogger Dashboard >> Design tab >> Edit Html







Search for </head> tag
Add below line of code Before </head> tag


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>


Step 2: Adding Widget Code

it’s Simple Go to Settings >> Layou >> Add Gadget >> Html/Javascript >> Paste below code in the text box.


 


Now locate this code given below and change eresource.in (highlighted red color)with your Facebook page name

%2Feresource.in&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"

 and Click save. Finished Enjoy it!

2 comments:

  1. i am change my FB name then also be it is not display.please sir tell me what i am mistake here

    ReplyDelete
  2. Your posts is really helpful for me.Thanks for your wonderful post. I am very happy to read your post.


    Best Web Designing Company in Chennai

    ReplyDelete

Powered by Blogger.