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

Share:
 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


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 Codebrary (highlighted red color)with your Facebook page name

%2FCodebrary&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!

Hi! I am Sartaj Husain. I am a Professional Software Developer, live in Delhi. I write blogs in my free time. I love to learn and share the knowledge with others because it is no good to try to stop knowledge from going forward. So free posts and tutorials. more..

No comments