Add Facebook Slideout Floating Like Box in left side in Blogger

Few weeks ago i had provide you Slide out facebook like box which floats at right side. Now again i am going to provide you Floating/Sliding Facebook Like Box in left side in Blogger. This facebook slide out like box will remain hidden on your blog only the text facebook is showing. When you hover your mouse on the facebook, it will slide out with a cute effect, this was done using jquery and when you remove your mouse, it again hide

Floating/Sliding Facebook Like Box Demo

Live Demo

How To Add Floating Facebook Fan Page To Blogger

• Go to Blogger Dashboard 
• Click on DropDown Menu and select Template
• Backup your Template before making any changes to your blog
• Now Click on Edit HTML --> Proceed --> Expand Widget Templates
• Press Ctrl + F and search the code shown below

</head>

• Now Paste the Code shown below just before/above it

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

• If your template contain already this javascript then no need to add this
• Now Click on Widget Generator button shown below
• Then Replace my twitter username with your twitter username

Widget Generator

Like it? Share it.