How To Add Facebook Invite Friends Button in Blogger WordPress

Hello fans Today we are sharing with you a complete step by step tutorial for How To Add Facebook Invite Friends Button in Blogger / Website, Facebook is the one of most popular social site which give you many features for there your and also for web developers, Its some features are also very helpful for get more traffic for your blog and website, Its also a benefit that fb is the wold wide social site, Without some countries its first or second in most countries, So if you are interest about this you can use there some most popular social site.

You May Like - How To cancel All Sent Facebook Friends Request in One Click

What is Facebook Invite Friends Button ?

There is many button for Facebook, We are also share many useful tutorial for How to add Facebook like button and also simple and easy method for add Seo friendly Facebook popup like box With Timer, Invite Friends button also a latest and very popular plugin for blogger and sites,  It will help you for get more followers for your blog using this you can get more traffic for your site.

You May Like - How to Add Facebook Like Button Below Post Titles

How To Add Facebook Invite Friends Button in Blogger Blogspot

Blogger Blogspot is most popular platform for create a site, Its free host here you can generate your custom domain also, For add this in Blogger than you first must create a fb Application for get application id, You can get easily apps ID, Just go on fb Developer and click on apps, Now just choose Create a app and follow them and get apps id and follow us,  If you wanna complete tutorial for this than follow How to Create a Facebook Application and Get Apps Id and get.

Note - You Must Add your Site Url in Site Add Section.

Add Facebook Invite Friends Button in Blogger Blogspot

-   First  You must Go on Your desire  www.blogger.com

-   Now Simply Open Your Desire Blog.

 -  Simply Click on Option  "Layout".

-   Now Just Click "Add A Gadget" .

 -   Now Scroll To "HTML-JAVASCRIPT"

 -   Click "+" Icon To Add widget.

 -   Now Copy The Below Code & Paste It To There.

 -   Leave The Title Empty.

 -   Click on  Save, Now You Are Done.

Its simple first you you must customize below code, Just add your APP ID and MSG On NewFacebook-TipsTricks.Blogspot.com and its done.

Use Below Codes and Done

<style> .New Facebook Tips Tricka-FB a { font-family: tahoma, verdana, arial, sans-serif !important; font-weight:bold !important; font-size:12px !important; width:150px !important; border:solid #29447e 1px !important; border-bottom:solid #29447e 1px !important; cursor:pointer !important; padding:6px 6px 6px 6px !important; background-color:#5c75a9 !important; border-top:solid #8a9cc2 1px !important; text-align:center !important; color:#fff !important; text-decoration:none ! important; } .New Facebook Tips Tricka-FB a:active { background-color:#4f6aa3 !important; } </style><script src='http://connect.facebook.net/en_US/all.js'></script><script> FB.init ({ appId:'APP ID', cookie:true, status:true, xfbml:true }); function FacebookInviteFriends () { FB.ui ({ method: 'apprequests', message: 'Invite your friends' }); } </script><div id='fb-root'></div><span class='New Facebook Tips Tricka-FB'> <a href='#' onclick='FacebookInviteFriends();'>New-Facebook-TipsTricks.Blogspot.Com/</a></span><script type='text/javascript'> if (top.location != self.location) { top.location = self.location } </script>

How To Add Facebook Invite Friends Button in WordPress Site

If are using most popular website developer point WordPress than use below steps, First i wanna say you that in both method you must need apps id so you first get app id using upper link. and foo

-   Go to on your WordPress Dashboard.

-   Now just Click on Appearance  choose  Widgets.

-   Now simply Add a new text widget to sidebar.

-   Now get a text widget and us title blank.

-   Now Add the above Given Code and save it.

-   Now its done Watch Preview Enjoy.

Final Words

These both method are full working in WordPress and blogger too, If you get any problem on completing this tutorial please comment below,  If you have any suggestion than please comment below we will add your bet suggestion in this article, If you like this article please share with your friends, Thanks for visit keep it for more Tutorials.

Facebook Blogger Site