RapidWeaver FAQ - Facebook and Twitter







Share/Bookmark


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: Facebook Comments Box (For people to post a comment on your website through FB)
Chapter 7: Follow me on Twitter button
Chapter 8: Twitter Profile Widget (Display your latest tweets on your website)
Chapter 9: Send to Twitter link or button (Allow people to share a page of your site on their Twitter with one click)
Chapter 10: How to stream your Blog entries to your FB Page’s Wall
Chapter 11: How to stream your Blog entries to your Twitter
Chapter 12: How to stream your Facebook Page entries to your Twitter



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


badge
(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.

<a href="https://www.facebook.com/cedric.giger" target="_TOP" title="C&#xe9;dric Giger"><img src="https://badge.facebook.com/badge/1335895607.331.1963677553.png" style="border: 0px;" /></a>



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. Once you added the code to RapidWeaver select it and go to "Format", "HTML" choose "Code". 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.

<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.

Once you added the code to RapidWeaver select it and go to "Format", "HTML" choose "Code".

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. Once you added the code to RapidWeaver select it and go to "Format", "HTML" choose "Code".


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




1. Go to
this page of Facebook
2. Enter your Facebook page’s URL, the width, choose whether you want the faces to display or not and whether you want the stream to display or not
3. Hit “Get Code”.
4. From the top of the popup window appearing after you hit "Get Code" choose "IFRAME"
5. Under "This script uses the app ID of your app:" choose your FB page.
6. Copy the code and paste it where you want the box to appear. Once you added the code to RapidWeaver select it and go to "Format", "HTML" choose "Code".

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




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

Chapter 6: Facebook Comments Box (For people to post a comment on your website through FB)


I found the Facebook Comments Box to not work well with RapidWeaver websites. Sometimes it would display the comments other times it wouldn't. That's why this isn't discussed here nor is it discussed in my E-Book.

Chapter 7: Follow me on Twitter button




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

Chapter 8: 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.
4. Once you added the code to RapidWeaver select it and go to "Format", "HTML" choose "Code". People will now see your latest tweets on your website, they can reply and join the conversation.

Please note that the widget doesn't work in RapidWeaver's Preview mode but works once published to the web.

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 9: 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
RapidWeaverFAQ.org E-Book (sample)

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


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

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


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

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


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



RapidWeaverFAQ.org - Tutorials, Tips & Tricks is made with RapidWeaver and for RapidWeaver.
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