Included in this tutorial is: simple HTML code for your site (html and text file), and two follow images.
Download the file pack from here (right-click and save-as): Twitter Button Files
For your reference, here is the code:
<div style=“border: 0pt none; position: fixed; top: 220px; left: 0pt;”><a href=“http://twitter.com/ntechcomm”><img style=“border: 0;” src=“images/twitterblue.png” alt=“Follow Us on Twitter” /></a></div>
Modify the code for your site:
Change the Twitter link to your username: http://twitter.com/yourusername
Change the image path: Upload the follow images to your site. If your site pages are in the directory root and you have a ‘/images’ folder, the current path will work. Otherwise, use the full path to your follow image: http://www.yoursite.com/images/twitterblue.png
How to use the follow button code on your website:
To use this code on your website, you must place this code immediately following the start <body> tag on every page you wish to display your Twitter follow button.
How to use the follow button code on a hosted WordPress blog:
- Make sure to backup your WordPress template before making any changes.
- Upload the follow button images to your site and note the location.
- After you have uploaded the follow images and have determined the full file path – browse to the wordpress templates folder and find the header.php file of your current blog template.
- Paste the follow button code immediately following the opening <body> tag.
- Depending on how you decided to edit your header.php file, either save your changes or upload and replace with your new header.php file.
- Open your web browser of choice and surf to your blog.
- If you only see text without an image, double check your image file path settings.
- If you don’t see anything at all, make sure that your button code has been saved to your template’s header.php file.
Please comment with any questions.