How to add Sliding Floating Facebook Like box in Blogger

Adding Sliding Floating Facebook Like box in Blogger blog is very useful plugin for making your website more stylish, But it makes your blog some heavy, If you need this than so today we are including more tutorial which is related to Facebook Plugging that is How to add Sliding Floating Facebook Like box in Blogger, Now blogging is fashion, Mostly had a blogspot account, Every one wanna their blogs so attractive and stylish so they always add something new and more beautiful widget on their blogs, Fb like button also popular with developers. There are many Facebook like a button, We also share many tutorial like Facebook Popup like box with Timer and also a better tutorial How to add Fb Like button in every post, Today we share with something new like button which called Sliding Facebook Like Box or Floating Facebook Like Box, Lets try this and get it with live demo.

Add Sliding Floating Facebook Like Box in Blogger

It’s a simple Code, I am giving you two types codes, One you must insert in above </head> Tag in blogger template, and a second one just copy and save it in your new HTML widget, You can change sides right and left, It depends on your template style, so it’s very simple just change your Page name and do it, Than follow our easy steps for this.

let's start


Watch Live Demo






Login to your www.Blogger.com Dashboard.

Go to on your Template and Edit Html.

Search for </head> tag Using CTRL+F,

Just before ( Above ) </head> tag, paste Below Code.

<<span id=”c190b594-89f6-4b8d-82fd-efd7bd70b872″ ginger_software_uiphrasegu>script</span> src=’https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js’ type=’text/javascript’/>

Now second Step For added Second Code in widget.
– Go To Your www.blogger.com

– Open Your Desire Blog.

– Go To “Layout”.

– Click “Add A Gadget“ Where You Want To Add It.

– Now Scroll To “HTML-JAVASCRIPT“

– Click “+“ Icon To Add HTML-JAVASCRIPT It.

– Now Copy The Below Code And Paste It To Their.

– Leave The Title Empty.

– Click on Save, Now It’s Done
.
Note -Replace z2tech with your own Page name.


<div style=””><br />
<div> <iframe src=”http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2z2tech&width=245&colorscheme=light&show_faces=true&border_color=white&connections=9&stream=false&header=false&height=270″ scrolling=”no” frameborder=”0″ scrolling=”no” style=”border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;”></iframe><span>Widget by :<a href=”www.z-2tech.tk/”> New Fb Tricks Tips</a></span> </div><br />
</div><br />
<p>

– Save It and done.