How to add a “follow me” twitter button to your website

Many people now use twitter for business as well as personal networking.  But, how do you add a “follow me” button to your website?  It’s very straight forward, especially as twitter has done all the code for you, you just need to know where to find it!

1. Scroll down your twitter page (can be your home page or profile page, just make sure you’re logged in), and find a row of links at the bottom.  Click on “goodies”

Click on goodies at the bottom of your twitter page

Click on goodies at the bottom of your twitter page

2. You’ll now see a page showing you 2 options, widgets and buttons.  Today we’re talking about a “follow me” button, so click on the button image

Click on the buttons section

Click on the buttons section

3. You’ll now see a table with all the different styles of twitter button.  Just pick your favourite and click on it!

Click on your favourite twitter button

Click on your favourite twitter button

4. A small pop-up window will appear with some code highlighted.  You need to copy this code and paste it into your website code where you want it to appear.  To copy you can either press the ctrl button and C at the same time (my preferred shortcut), or an easier technique is to use the right button on your mouse and choose copy.  You can even use the edit option at the top of your web browser then choose copy from the drop down menu… so many choices!  The code should resemble something like:

<a href=”http://www.twitter.com/yourusername”><img src=”http://twitter-badges.s3.amazonaws.com/follow_bird-b.png” alt=”Follow yourusername on Twitter”/></a>

with variations for your username and the badge code depending on the style you chose.

Copy the code in the pop up box

Copy the code in the pop up box

5. Now you just need to paste that code into your website.  Make sure you select an editing option that allows you to change HTML code.  If you don’t paste it into an HTML section, it will appear on your website exactly as it does in this post.  One way to know if you’re putting it in the right place on the page, is to put some text in the normal editor, that is clear to find in the html editor.  Such as “PUT CODE HERE!!!”  then just hunt that section down in the html editor and replace it with the copied code.  To paste, you can do the shortcut “CTRL button and P button” or right button on mouse and choose paste.

Hope that didn’t confuse you too much, step 5 is the only difficult part.  Let me know how you all get on and if there’s any other little how-to’s you’d like :)

  • Share/Bookmark
Comments (8)


How to add an external blog to your facebook fan page.

So far my blog has been completely about my printing.  However, before I owned a printer, Online with Design was all about web and graphic design.  One of the things that is necessary in this online world of ours is to be able to present ourselves to as many people as possible in as many different places as possible.

One which seems to be causing a lot of people problems is how to get your business blog to feed automatically into your facebook fan page.  Shouldn’t be too complex you think to yourself, it’s pretty straight forward when you’re doing your personal one!  Alas, facebook in all it’s glorious wisdom thought it would be far more fun, to complicate things!

1. First go to your fan page and click on “edit page” under your logo/picture on the top left.

Click on edit page

Click on edit page

2. The page you’re now on shows all the backstage settings for your fan page/business page.  If you scroll down the page, you should find a section for notes.  Click on the edit button in the notes section:

Click on edit under notes

Click on edit under notes

3. You will most likely see it saying “yourpagename hasn’t written any notes… yet”, or you may see a list of notes that were written directly into facebook.  To the right of the page there is a double box with note settings and subscribe to notes.  Click on the import notes links under note settings:

Click on import notes under note settings

Click on import notes under note settings

4. In the next part you need to enter the web address to your blog.  It doesn’t need to be the RSS feed or anything technical.  Just the full address of your blog as if you were give it to a colleague to find.  For example mine would be http://www.onlinewithdesign.co.uk/blog    Don’t forget to tick the box that says you have the right to reproduce the content, and then click on start importing.

Enter your blog address, tick the box and click on import

Enter your blog address, tick the box and click on import

5. 2 things could happen here:
a) it will show a preview of your blog posts showing it’s worked, in which case, click on the confirm import and move onto part 6.
b) it will show import failed.  There are several reasons this could happen.  1, you didn’t put your address in correctly.  Check your typing, try putting what you’ve typed directly into your web browser and check it takes you to your blog.  If it does, then check it’s feeding correctly, by going to the facebook suggested feed validator: http://www.feedvalidator.org/ If it’s showing as working in the validator, then it’s facebook glitching, which has been happening a lot recently!  If it’s facebook then stop pulling your hair out and come back to it in a couple of hours, maybe facebook will be working by then :)

6. Your posts should now be showing on your pages, you just need to be able to allow people to read your notes anytime they like, not just when you have a new import.  So you need to add the tab on the home page of your fan page.  Just click on the + tab next to your other tabs (such as wall, info, photos) and in the drop down box, select notes.

Select the +tab and click on notes

Select the +tab and click on notes

If you can’t find the option for notes in the drop down menu (it’s only happened to me once), then go back to the edit page link at the top of the page (as in part 1) and find the notes section.  This time click on application settings, in the new window that opens, in the row for Tab: click on the (add) link after it says available.  When you return to the main fan page, it should now show your notes tab, and any important blog posts :)

One final word of warning, although facebook says it will import update with any new posts within 4 hrs, this isn’t always the case, it has been known to take as much as 24hrs!  This may only be a temporary hiccup or it may be an ongoing issue, it’s hard to tell.  I hope this post has been of some help to those of you looking to integrate your various online personas, do let me know how you get on and and also if there’s any similar things you need help with!

  • Share/Bookmark
Comments (3)


A New Year, a new image!

Online with Design celebrates the New Year

The new year brings new challenges for many people and Online with Design Ltd is no exception.  The plan is to start promoting graphic design services on top of my existing web design services, this is something that I’ve always provided, but hasn’t been promoted as such.  I will be creating amazing (obviously) artwork and designs that can be customised for personal or business use.  These creations will either be from my own ideas, or something you’ve got in mind.

I’m also currently looking into purchasing a commercial printer in order to be able to do my own high quality printing so that I can create a tangible product to sell alongside my bespoke design services, I’ll let you know more about it depending on how it goes acquiring the printer!

Obviously, these new services and products mean that the original Online with Design website is in need of a facelift to see 2010 in with a bang!  And for those of you who are reading this post/note on my own website, you can see the shape of things to come!  Those of you that are reading this through my facebook fan page can click on the link at the bottom that says “view original post” or click here and be magically transported to a preview of the new look Online with Design, the rest of the website should follow over the next week or so. ;)

I’m really excited about the coming year with all that lies ahead, keep your eyes peeled in the next couple of days for details on how to get involved in my first special offer!

Gemma.
xx

Related Posts with Thumbnails
  • Share/Bookmark
January 19, 2010 , 10:49 pm | News | Tags: , , , , |

Comments (1)