Making registration simple and social in just a few steps

Today we're launching a new registration plugin that gives website owners the ability to offer quick, easy and social options for sign-up.

It is an excellent alternative to using Facebook Login (formerly Facebook Connect) when:

• you want to provide an option for users without Facebook accounts
• your site needs additional information that Facebook doesn't provide
• a traditional HTML form suits your site more

By minimizing the friction associated with signing up for a new account and making it easy for people to bring their friends with them, we've seen that people are more likely to complete the sign up process, stay on sites longer, share more content, and come back more often. For example, in beta tests with FriendFeed, Facebook sign ups increased 300%.

How it works
The registration plugin is an iframe that websites can add with just one line of code, and customize to request the specific fields required to create an account. When a user is logged into Facebook and arrives at the registration plugin on a website, they'll see that the form is prefilled with the relevant information he or she has already shared on their Facebook profile. Users can see the specific information the site is requesting of them, giving them more control to decide whether to sign up.

The site can request information stored on Facebook (e.g., name, verified email address, current location, etc.) or custom information (e.g., text fields, checkboxes, dropdown menus, security checks, typeaheads, etc.). Users can decide whether to share their information with the site by clicking "Register," or if a Facebook account isn't required by the site, select an option to fill out the form manually. Because the plugin works through an iframe, no data is shared with the website until the user clicks "Register."

When a user registers for the site with their Facebook account (similar to Facebook Login), the site is given permission to access the user's basic information on Facebook in addition to the data presented in the form, and in turn can provide the user with a personalized and social experience.

Getting started
To integrate the registration plugin, simply add the iframe or XFBML to your site:

Using iframe:

<iframe src="http://www.facebook.com/plugins/registration.php?
             client_id=113869198637480&
             redirect_uri=http%3A%2F%2Fdevelopers.facebook.com%2Ftools%2Fecho%2F&
             fields=name,birthday,gender,location,email"
        scrolling="auto"
        frameborder="no"
        style="border:none"
        allowTransparency="true"
        width="100%"
        height="310px">
</iframe>

The redirect-uri should point to the page which will process your signed_request. You can customize the fields attribute to suit your needs. See the docs for a list of valid fields.

Using XFBML:

<fb:registration
  fields="name,birthday,gender,location,email"
  redirect-uri="http://developers.facebook.com/tools/echo/">
</fb:registration>

The redirect-uri and fields are identical to above. You must use your own app_id for the redirect-uri to be on your domain.

For more details on getting started with your implementation, please visit our technical documentation.

We hope you'll try it out and let us know what you think.

Read More

how-to-import-your-blog-into-facebook

here’s another how-to that will eliminate the need for you to “re-blog” stories on Facebook. If you’re a blogger that isn’t already linking to your stories on Facebook, you might want to think about it. Here are a few simple steps to increase your web presence by leveraging the power of the social graph. Why not?

How to Import Your Blog Into Facebook

1) In the “Applications” menu (in the bottom bar), choose “Notes.”

2) Under “Notes Settings,” click on “Import a blog”

3) Type in the URL of your blog and make sure to check the mini-EULA

4) At the bottom of the preview, click on “Confirm Import”

And that’s it — your blog is now available to all your Facebook friends and family! Whenever you post new articles on your blog, they will automatically appear on your Wall and in your friends’ News Feeds, driving traffic to your site.

Read More

How to add Google +1 button in your blog posts in Blogger

The Google +1 button, the Facebook Like opponent, is a social button which allows you to share your links through out Google profiles, so it has the same function as Facebook like. Google announced the +1 button in March, this year, but now begun to appear on variouswebsites and blogs, right beside the texts along with the Facebook Like button and Twitters Follow button. So in this article I’m going to show you how to add the Google +1 button in your blog posts in Blogger.

First visit the official page of Google +1 button in order to grab the code. You can do some customization of the button, like the size and the appearance. There are 4 types: standard, small, medium and tall. In order to remove the counter in the button click on Advanced options link and uncheck Include count. After that just copy the code.

Now we can start installing the button and make it appear to your blog posts in Blogger. First login to your blogger account, go to Design and then click at Edit.HTML At the Edit Template page check the Expand Widget Templates option.

Now you have to be careful here. First find <data:post.body/> (press CTRL+F and paste the code in the box in order to find it quickly).

But first lets talk about where you want to put the +1 button. If you want your +1 button to be placed above the post content then you have to paste the code above the <data:post.body/>, but if you want to place it below the post content, paste the code below <data:post.body/> (see the picture below).

Now lets talk about the side in which you want to place your Google +1button. If you want to show it on the right side of the post then the code should look like this one:

<div style='float: right; padding: 4px;'> THE GOOGLE +1 BUTTON CODE GOES HERE </div>

If you want to place the +1 button on the left side of your post then write left instead of right on the code above.

Happy blogging!

Read More

How to add the Google+ Profile Button in your Blog

Although it is still in a test phase, Google+ is available only with invitations. In general, we can value Google+ as very interesting social network and that just for the fact that gives the freedom to the user. It gives a complete control over the things he shares and with who he shares. In my earlier post showed you the way how to add the Google +1 Button in your blog. So if you already have a Google+ Profile or just a Google Profile, you can also get the new Google+ Profile button and add it in your website or blog.

To get the Google+ Profile Button visit the following link http://www.google.com/webmasters/profilebutton. As you can see, all you need to do is just enter the URL of your Google+ Profile, choose the size of the Google+ Profile Button, copy the code and paste it where do you want it to appear in your website or blog.

And that’s all dear bloggers. That’s everything what Google offers for now related to Google+ Social Network.

Read More

Google+ gets an impressive growth – 10 million users

Google+ seems to be the strongest rival to the mega giant Facebook. Although there are few days that has emerged in the market, Google + has achieved to attract 10 million users. The expectations are by the end of the week to mark the number of 20 million. From Wednesday, in interval of 32 hours were registered about 2.2 million users.

This increase occurred despite the fact that users cannot register for free, but only if they are lucky and get an invitation in order to have access and become part of this new Social Network. If the registration was free, without invitations, the number of Google+ registered users would have been many times greater than 10 million. With these rates, Google + can reach very quickly and even exceed the Facebook.

Go ahead Google+ and beat Facebook!

Read More

Facebook Activity Feed For Blogger

This Facebook plugin shows to your visitors the recent activities that take place in your website/blog. Also if your visitor is logged in Facebook, this widget will display their friends activity on your website/blog. But if there is not enough recent activity from the visitors friends, the plugin automatically fills the list with recommendations. More information about this Facebook plugin you will be able to learn while we show you how to install it in your Blogger blog.
In order to install the Activity Feed plugin by Facebook, first visit the Activity Feed page. So here you have extra information regarding to this plugin. Now you have to configure it in the same page.

First, enter your site URL then change the dimensions according to your blog sidebar width. You can also change the appearance of the widget, it can be light or dark, also you can change the font, the border color etc. Don’t forget to check the Show Recommendations in order to show the Recommendations when the plugin cannot be filled with Recent Activity. After configuring the plugin, just click Get Code and copy the code.

• Login to your Blogger account and go to Design.

• Under the Page Elements Section go to Add a Gadget.

• From the given list find and choose HTML/JavaScript.

• Paste the code in the new window and click Save.

Preview your blog and see how it looks. Happy Blogging!


Tutorials:

Read More

Facebook Activity Feed Widget for WordPress (Scripts) 0.2c

The FaceBook Activity Feed Widget for WordPress displays the most interesting recent activity taking place on your web site based on feedback from Facebook users.

The FaceBook Activity Feed Widget for WordPress displays the most interesting recent activity taking place on your web site based on feedback from Facebook users.
The activity feed displays stories both when users like content on your site and when users share content from your site back to Facebook.
When setting up your widget, you'll want to setup the following parameters:
* Domain -
The domain to show activity for. Defaults to the domain is the your blog's URL without the 'http://' or 'www.' attributes.
* Width -
The width of the plugin in pixels. The defauilt is 180px.
* Height -
The height of the plugin in pixels. The default is 300px.
* Header -
Show the Facebook header on the plugin.
* Color Scheme -
The color scheme of the plugin. Choices are 'light', 'dark' and 'evil'.
* Font -
The font of the plugin.
* iFrame CSS Class -
A CSS class that is assigned to the iFrame so you can beter control the look and feel of the plugin.
* Border Color -
The border color of the plugin. Examples are '#cccccc' or 'silver'.
For more information on how the this social plugin works, please visit FaceBooks Activity Feed Webpage.
For updates, you can visit the original blog post for this plugin at HealYourChurchWebsite.com.
The plug-in has been written according to the most recent standards defined at the WordPress Codex Widgets API, and is translation ready.
Also a quick shout of of thanks and credit goes out to Jan Odvarko for the jscolor javascript used for the background color selector.

General:

• Publisher Dean Peters
• Publisher web site http://wordpress.org
• Program URL More information about the program
• Release date 20-05-2010
• Date added 19-05-2010 22:45:03
• Program Release Status

Category:

• Operating System: Scripts
• Program Category: PHP
• Program Subcategory: Internet, Browsers and Tools

System requirements:

• Operating Systems Linux, Mac OS X, Win All, BSD, Solaris
• Additional Requirements No special requirements.
• Program Install Support: Install anh Uninstall

Download information:

• File size0.01
• File namefacebook-activity-feed-widget-for-wordpress.zip
• Download Mirors:1

You can free download Facebook Activity Feed Widget for WordPress (Scripts) 0.2c now.

SYSTEM REQUIREMENTS:

No special requirements.
Program Release Status:
Program Install Support: Install and Uninstall

- DOWNLOAD FACEBOOK ACTIVITY FEED WIDGET FOR WORDPRESS (SCRIPTS) 0.2C FREE

Videos:

Read More

How to Add Facebook Social Plugins to Your Blog

As per TechCrunch, there are 50,000 websites which have already integrated Facebook’s new social plugins, is your blog one of them?

Up till now, Facebook has offered 8 social plugins, just as below:

1. Activity Feed
2. Comments
3. Facepile
4. Like Box
5. Like Button
6. Live Stream
7. Login with Faces
8. Recommendations

In order to add any of the above 8 Facebook social plugins to your blog, you can use the iframe code or XFBML code. There are both iframe code and XFBML code for Activity Feed, Like Box, Like Button, Live Stream as well as Recommendations, but there is only XFBML code for Comments, Facepile and Login with Faces.

For the social plugin with iframe code, you can just copy and paste the code in any post/page or sidebar of your blog, then the social plugin will be active. And for the social plugin with XFBML, you need the JavaScript SDK to active it.

Below are the steps for you to add an XFBML social plugin to your blog:

1. Create an Application

Opening Facebook Create an Application webpage，you will see a screen like below:

Enter your blog name, blog URL and select your blog language, click on the “Create application” button, then you will see your app name, URL, ID, secret and sample code, just as below:

In the sample code, we just need below section for WordPress blog:

The above code is called JavaScript SDK, which you can use as many times as you want anywhere, just remember to replace “112991812071064” with your app ID.

2. Add XFBML Code

In order to make the social plugin with XFBML code active, you just need to put the XFBML code together with JavaScript SDK. For example, the XFBML code for the social plugin Comments is as below:

If you want to add this Comments plugin to your blog, just copy and paste the above code as well as the JavaScript SDK in any post or page of your blog, and then you are done.

The effect of the Comments social plugin will look like this:

And if you want to add the Comments social plugin to the sidebar of your blog, just put the XFBML code together with JavaScript SDK in the sidebar, that’s it.

Read More