image
Adding a Twitter “Follow” button to your ClubRunner website is pretty straightforward.  This tutorial assumes that your club already has established a Twitter page.  If you have not yet setup a Twitter account for your Rotary club you can do that by starting here http://mobile.twitter.com/signup.  Once you have your Twitter page setup you will need your Twitter screen name.  This is the same as your account name and can be found by loading your twitter account and examining your browser address bar (see image 1).

Image 1
Image

For this example we will use the Rotary International Twitter page as our demo account when creating our “Follow” button.

  1. Open the module box or article in which you wish to add the Twitter “Follow” button.
  2. Here is the base snippet of code that we will be adding to our ClubRunner website.

    <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//platform.twitter.com/widgets/follow_button.html?screen_name=your_twitter_screen_name_here" style="width:300px; height:20px;"></iframe>


  3. Take your Twitter screen name (see image 1) and enter it into the snippet of code above where indicated (red text). Again, for our example we are using the RI twitter screen name which is “rotary”.  Here is the updated snippet of code that we will use.

    <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//platform.twitter.com/widgets/follow_button.html?screen_name=rotary" style="width:300px; height:20px;"></iframe>


  4. In the ClubRunner editor click the HTML button at the bottom of the editor screen (image 2). It is important to note that unless you are in the HTML view you can't successfully paste in the Twitter code.
  5. Paste the code into your editor window.
  6. Next click the Design button at the bottom of the editor screen (image 2).
  7. Finally click the Update button to save your work.

Congratulations!  You just added a Twitter "Follow" button to your website!

Image 2
Image

Example of Twitter "Follow" Button