Amazing 'Facebook Fan Page Like Slide Out' For Blogger techpro365

In the earlier post I had given a Facebook Like Box for blogger. Now in this post a similar one with some change in type i.e a slide out box will appear after clicking on the image.

Now navigate to Layout and click on Add a Gadget and select HTML/Javascript.

Paste the code given below.

Code:

<a href="javascript:showHideFL()"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHWYwplzf45iOcJZZGPWtXNRMwnwrgksa1buU5ZFGJDbvmHh_YJZMBpOsW9OQ0gTOWIYJgw9D4d3qAdnDeFVPnkCMTWDkELQHUNQJB6-OtE1NsNedonffuW7aZQ5Is4MHKzo8P84_4ekg/s1600/facebook.png" alt="Member" title="Click to Follow" style="position: fixed; top: 150px; right: 0px; cursor: pointer; opacity: 0.5; " opacity:1;filter:alpha(opacity="100)&quot;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" ;"="" height="32px" width="32px" /></a>

<div style="text-align: right;">
<a href="javascript:showHideFL()">
[Close]
</a></div>
</div>
</div>
<script type="text/javascript">
var fl = document.getElementById("fl");
fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
</script>

Replace techpro365 <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FTechpro365 >with your Facebook fan page name in the following code.

Click on save and you are done.

If you are facing any problem in adding the code please feel free to let me know by leaving a comment or contact me.

Print Page

Do you like this post? Please link back to this article by copying one of the codes below.

URL:

https://techpro365.blogspot.com/2013/02/amazing-facebook-fan-page-like-slide.html

HTML link code:

                        <a href="
                        https://techpro365.blogspot.com/2013/02/amazing-facebook-fan-page-like-slide.html
                        ">
                        Amazing 'Facebook Fan Page Like Slide Out' For Blogger
                        </a>

BB link code:

                        [url=
                        https://techpro365.blogspot.com/2013/02/amazing-facebook-fan-page-like-slide.html
                        ]
                        Amazing 'Facebook Fan Page Like Slide Out' For Blogger
                        [/url]