A Twitter Follow Badge For Your Blog

twitter follow badge

Besides the new Contact button decribed in the previous post, I’ve also added a hovering Twitter badge to the right margin of GeneaBloggers.  Using the Go2Web20.net site, here’s how you can get one for your blog:

  1. Visit the Go2Web20.net site.
  2. Enter your Twitter account name (without the @ symbol).
  3. Select from pre-set texts such as Follow Me, Follow Us, etc.
  4. Select a color for your badge.
  5. Select Left or Right for the horizontal placement.
  6. Enter the coordinates for the vertical placement.
  7. Click Update Code.
  8. Copy the HTML code and paste it before the </body> tag* in your blog template.

Once completed, visitors will click the badge and they’ll be taken to your Twitter page where they can follow you.

* For Blogger users, on your Dashboard click Edit, Layout and then Edit HTML.  The </body> tag will appear towards the bottom of the code.  Paste the Twitter badge code before the tag.

For WordPress users, on your Admin panel, go to Appearance and click Editor.  For most WordPress templates you will need to access the Header portion of the code (click Header in the right sidebar).  The </body> tag will appear towards the bottom of the code.  Paste the Twitter badge code before the tag.

© 2009, copyright Thomas MacEntee

Send to Kindle

Visitor Contact – an Easy Contact Form Button for Your Blog

visitor contact logo

I’ve found a great new site that allows you to create a contact form which  is: a) prominently displayed in the left margin, b) easy for visitors to use, c) very customizable, and d) easy to add to your blog.  Oh, and did I mention you can set up an auto-responder to let the person know you’ve received their message? Sweet! The site is called Visitor Contact and an example can be found here on GeneaBloggers. I don’t need to do a step-by-step description with screen captures on how to set up your own Visitor Contact button since the site is very straightforward and does a good job at walking you through the process. Here is a brief description of the process:

  1. Signup at Visitor Contact.
  2. Assign a name to your contact form, add your site URL, your e-mail address and decide if you want the email address displayed.
  3. Add physical address information (optional).
  4. Add phone, fax, Twitter username and Skype username (optional).
  5. Add auto-responder info including the body of the confirmation message.
  6. Design your contact button including color and location.
  7. Then copy the “code” and paste it into your blog’s template following before the </body> tag.*

For WordPress users there’s also a plugin which automagically places the Visitor Contact button on your blog. Visit Visitor Contact yourself and see if this method of adding contact forms will work for your blog or website!

* For Blogger users, on your Dashboard click EditLayout and then Edit HTML.  The </body> tag will appear towards the bottom of the code.  Paste the Twitter badge code before the tag.

For WordPress users, on your Admin panel, go to Appearance and click Editor.  For most WordPress templates you will need to access the Header portion of the code (click Header in the right sidebar).  The </body> tag will appear towards the bottom of the code.  Paste the Twitter badge code before the tag.

© 2009, copyright Thomas MacEntee

Send to Kindle