How to add Tweet button

From PropertyMinder WIKI

(Difference between revisions)
Jump to: navigation, search
(Created page with "First of all you need to create the code of the button for your website. # Go to http://developers.facebook.com/docs/reference/plugins/like/ # Copy the URL of the page you wish...")
 
Line 1: Line 1:
First of all you need to create the code of the button for your website.
First of all you need to create the code of the button for your website.
-
# Go to http://developers.facebook.com/docs/reference/plugins/like/  
+
# Go to http://twitter.com/about/resources/tweetbutton
-
# Copy the URL of the page you wish to insert the “like” button on.  
+
# Play with the option to make the button you like.  
-
# Paste into the '''Step 1 Get Like Button Code'''
+
#: [[File:Get_tweet01.jpg|border|link=http://wiki.propertyminder.com/images/c/c0/Get_tweet01.jpg]]
-
#: [[File:Get_like01.jpg|border|http://wiki.propertyminder.com/images/4/42/Get_like01.jpg]]
+
# Then copy the code.
-
# Select your layout style (standard is, well, standard… it’s what you see from most Facebook like buttons
+
-
# Check the box for Show Faces if you want your Facebook Icon to show beneath the photo.
+
-
# Select the overall pixel width of the entire phrase.
+
-
# Verb to display:  do you want it to say Like or Recommend?
+
-
# Select the font and colors
+
-
# Click '''Get Code''' and copy the Iframe code (chose the appropiate tab in the poped up window)
+
-
#: [[File:Get_like02.jpg|border|http://wiki.propertyminder.com/images/7/73/Get_like02.jpg]]
+
Now you need to put the code on your website. You can add the code to slogan area, footer, about me or any custom page of your website.
Now you need to put the code on your website. You can add the code to slogan area, footer, about me or any custom page of your website.
Line 17: Line 10:
# Now login to '''Toolkit'''.
# Now login to '''Toolkit'''.
# Open Wensite Editor page, then My slogan (for example).
# Open Wensite Editor page, then My slogan (for example).
-
# In the page editor click '''Source''' button and paste this code into appropriate place of the page. Click '''Source''' again and you will see how the page will look like. If you are not customed to HTML, when your page is in '''Source''' mode, click on the top of the editor screen and hit '''Enter''' button on the keyboard. The whole code will go down for one line. Insert you Facebook code into this line
+
# In the page editor click '''Source''' button and paste this code into appropriate place of the page. Click '''Source''' again and you will see how the page will look like. If you are not customed to HTML, when your page is in '''Source''' mode, click on the top of the editor screen and hit '''Enter''' button on the keyboard. The whole code will go down for one line. Insert you Twitter code into this line
# Do not forget to '''Save''' the page.
# Do not forget to '''Save''' the page.
Now open your website and check the result.
Now open your website and check the result.
-
[[File:Get_like03.jpg|link=http://wiki.propertyminder.com/images/4/45/Get_like03.jpg]]
+
[[File:Get_tweet02.jpg|link=http://wiki.propertyminder.com/images/4/48/Get_tweet02.jpg]]

Latest revision as of 04:27, 18 October 2011

First of all you need to create the code of the button for your website.

  1. Go to http://twitter.com/about/resources/tweetbutton
  2. Play with the option to make the button you like.
    Get tweet01.jpg
  3. Then copy the code.

Now you need to put the code on your website. You can add the code to slogan area, footer, about me or any custom page of your website.

  1. Now login to Toolkit.
  2. Open Wensite Editor page, then My slogan (for example).
  3. In the page editor click Source button and paste this code into appropriate place of the page. Click Source again and you will see how the page will look like. If you are not customed to HTML, when your page is in Source mode, click on the top of the editor screen and hit Enter button on the keyboard. The whole code will go down for one line. Insert you Twitter code into this line
  4. Do not forget to Save the page.

Now open your website and check the result.

Get tweet02.jpg

Personal tools
Office Solution
Training Videos
SOLUTIONS