Facebook and Twitter

I’m a Facebook user. How can I get my visitors to add me as a friend? How can I create a fan page for my website to start a community? How can I have people sharing the URL of my website with their friends on FB? And much more...

I personally don’t like Facebook. They are having way too many informations about their members. However I have to admit that it is useful. Since there are so many users it is an important tool to make your site popular and keep in touch with your visitors by creating a group.

Chapter 1: Facebook Profile Badge (Add to contacts widget)
Chapter 2: Facebook Share (Allow people to share a page of your site on their Facebook Wall with one click)
Chapter 3: Facebook Page Badge
Chapter 4: Facebook Like Box (Become a fan of the website)
Chapter 5: Facebook Like Button (For people to like a particular page/post of your website)
Chapter 6: Follow me on Twitter button
Chapter 7: Twitter Profile Widget (Display your latest tweets on your website)
Chapter 8: Send to Twitter link or button (Allow people to share a page of your site on their Twitter with one click)
Chapter 9: How to stream your Blog entries to your FB Page’s Wall
Chapter 10: How to stream your Blog entries to your Twitter
Chapter 11: How to stream your Facebook Page entries to your Twitter

Chapter 1: Facebook Profile Badge (Add to contacts widget)

(this is just an image, not working since I don’t want a 1000 people a day adding me as a friend, please do not add me)

1. The first thing you need to do is login to your Facebook
2. Go to this page of Facebook. By hitting “Edit this badge” you can further customize what the badge should include. Once you’re done with customizing the badge hit Other.
3. Copy the code and paste it where you want the button to appear. Paste it in a Text widget to have it displaying in your sidebar or otherwise you could also use the Add Post Footer plugin to add the button to all your posts and pages.

If you want to use your own image substitute the URL to the image in the code
<img src="http://badge.facebook.com/badge/1XX5895607.331.1963677553.png" style="border: 0px;" />
with the URL to your own image
4. Now people will be able to click on it, see your public profile and add you as a friend if they want to

Chapter 2: Facebook Share (Allow people to share a page of your site on their Facebook Wall with one click)

Share on Facebook

Alternatively you could also use one of the services described under Tell a friend.

Copy the code and paste it where you want the button to appear. Paste it in a Text widget to have it displaying in your sidebar or otherwise you could also use the Add Post Footer plugin to add the button to all your posts and pages.

<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank">Share on Facebook</a>

Instead of Share on Facebook write what you would like to appear on your site as a link. You could also have an image link instead of a text link.

Chapter 3: Facebook Page Badge

What is a Facebook page good for? Facebook is the largest community on the web hence it’s also a great source of potential-visitors. But it’s also a great way to connect to your fans or visitors. I found the Facebook Fan Page to be the best way to have a Newsletter. First of all a great part of your visitors will most probably already use Facebook. Second if you update your website all you have to do is go to the Facebook page and write a short note about what you’ve update which goes really fast and all your fans will see it in their news feed.

To have a Facebook page for your website or yourself if you’re an artist or something there are two things to be done. The first part is creating the page, the second one is adding the page-badge or better the Facebook Like Box widget (next sub-chapter) to your website.

Let’s start with the page:

1. First visit this page of Facebook
2. Hit “+ Create Page” in the upper right corner of the page and fill in all the required informations
3. Once you filled in the informations you need to confirm that you’re authorized to create the page by checking the box and giving an electronic signature. Then hit Create Page.
4. Add the basic informations, add a picture and so on

Now we will create the Page Badge.

1. Go to this page of Facebook and choose for which of your pages you want to create a badge. Hitting “Edit this badge” you can further customize the look.
2. Once you’re done customizing the look hit “Other”
3. Copy the code and paste it where you want the button to appear. Paste it in a Text widget to have it displaying in your sidebar or otherwise you could also use the Add Post Footer plugin to add the button to all your posts and pages. As seen in the Profile Badge you can delete half of the code if you want since it’s useless.

Chapter 4: Facebook Like Box (Become a fan of the website)


WPFAQ.org on Facebook

How this is done is described in my WPFAQ.org E-Book (sample)

Chapter 5: Facebook Like Button (For people to like a particular page/post of your website)

How this is done is described in my WPAQ.org E-Book (sample)

Chapter 6: Follow me on Twitter button

Simply link your Twitter page http://twitter.com/YOUR-ID with a text link or image-link.

Chapter 7: Twitter Profile Widget (Display your latest tweets on your website)

1. Login to your Twitter account and visit this page of Twitter.
2. Click on Create new and enter your Twitter-Username, define a height, choose a style, …
3. Once you're done configuring the widget hit Create widget, copy the code generated by Twitter and paste it where you want the widget to appear between <!--start_raw--><!--end_raw--> tags. Paste it in a Text widget to have it displaying in your sidebar.
4. People will now see your latest tweets on your website, they can reply and join the conversation

If you want to define a width for the widget to display in use the following code:

<div style="width:300px;">
Paste your code here
</div>

Chapter 8: Send to Twitter link or button (Allow people to share a page of your site on their Twitter with one click)

Share on Twitter

How this is done is described in my WPAQ.org E-Book (sample)

Chapter 9: How to stream your Blog entries to your FB Page’s Wall

How this is done is described in my WPAQ.org E-Book (sample)

Chapter 10: How to stream your Blog entries to your Twitter

How this is done is described in my WPAQ.org E-Book (sample)

Chapter 11: How to stream your Facebook Page entries to your Twitter

How this is done is described in my WPAQ.org E-Book (sample)


This FAQ is also discussed in my WPFAQ.org E-Book (sample)


© WPFAQ.org - Tutorials, Tips & Tricks is made with WordPress and for WordPress.
It's an EBookStoretoday.com company. It’s presented by Cédric Giger and hosted by HostGator.com

Thank you for visiting and supporting my website,
- Cédric -




Now share it…

Share

Comments are closed.