How To Add Facebook Invite Friends Button in Blogger WordPress

Add Facebook Invite Friends Button in Blogger WordPress is no more difficult if you know best working step to step guide article, So for this 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.

What is Facebook Invite Friends Button?

There are many buttons for Facebook, We are also sharing many useful tutorials for How to add Facebook like button and also a simple and easy method for added SEO friendly Facebook popup like a box With Timer, Invite Friends' button also a latest and a very popular plugin for blogger and sites,  It will help you forget 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 creating a site, Its free host here you can generate your custom domain also, To add this in Blogger than you first must create a fb Application to get application id, You can get easily apps ID, Just go on fb Developer and click on apps, Now just choose Create an app and follow them and get apps id and follow us,  If you wanna complete tutorial for this then 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 to 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 them.

•  -   Leave The Title Empty.

•  -   Click on  Save, Now You Are Done.

It's simple, first you you must customize below code, Just add your APP ID and MSG On 

New-Facebook-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 tell you that in both methods you must need apps id so you first get app id using the upper link. And food

•   Go to on your WordPress Dashboard.

•   Now just Click on Appearancechoose    Widgets.

•    Now simply Add a new text widget to the 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.

You May Like - New Facebook Page Promoter Popup Like Box

Final Words

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