How to add social media buttons - Revision history

Dane: /* How to add a Google Plus button */

2012-12-12T10:50:16Z

‎How to add a Google Plus button

Dane at 10:49, 12 December 2012

2012-12-12T10:49:31Z

Dane at 10:49, 12 December 2012

2012-12-12T10:49:18Z

Dane: /* How to add a facebook Like button. */

2012-12-12T10:47:52Z

‎How to add a facebook Like button.

Dane at 10:47, 12 December 2012

2012-12-12T10:47:40Z

Dane at 10:44, 12 December 2012

2012-12-12T10:44:53Z

Dane at 10:38, 12 December 2012

2012-12-12T10:38:32Z

Dane: /* How to add a Twitter button to your site */

2012-12-12T10:35:17Z

‎How to add a Twitter button to your site

Dane at 10:27, 12 December 2012

2012-12-12T10:27:34Z

Dane at 10:22, 12 December 2012

2012-12-12T10:22:33Z

@@ Line 30: / Line 30: @@
 * '''Step 1'''
-Generate the code using the following link https://developers.google.com/+/plugins/+1button/ and remember to customize your Google plus URL which can be found under that advance options section.
+Generate the code using the following link https://developers.google.com/+/plugins/+1button/ and remember to customize your Google plus URL which can be found under that advance section.
 * '''Step 2'''
@@ Line 39: / Line 39: @@
 * '''Step 3'''
 You should then see the Google plus button as seen below.
 [[File:Googleplus img3.PNG |thumb|600px|center]]
 ==How to add a Twitter button==

@@ Line 6: / Line 6: @@
 Generate the code for the facebook like button using the following link - https://developers.facebook.com/docs/reference/plugins/like-box/. You will then need to customize the facebook button to meet your requirements. Once complete click on the '''Get Code''' button and select IFRAME. You will then need to copy the code generated in the text box and use it in the next step.
-* '''Step 2''' Select Modules and Drag the Text & Images module onto the desired page, as seen below.
+* '''Step 2'''
 [[File:Socialmedia_img1.PNG |thumb|600px|center]]

@@ Line 4: / Line 4: @@
 * '''Step 1'''
-Generate the code for the facebook like button using the following link - https://developers.facebook.com/docs/reference/plugins/like-box/. You will need to customize the facebook button to meet your requirements. Once the the button has been customized click on the '''Get Code''' button and select IFRAME. You will then need to copy the code generated in the text box for the next step.
+Generate the code for the facebook like button using the following link - https://developers.facebook.com/docs/reference/plugins/like-box/. You will then need to customize the facebook button to meet your requirements. Once complete click on the '''Get Code''' button and select IFRAME. You will then need to copy the code generated in the text box and use it in the next step.
 * '''Step 2''' Select Modules and Drag the Text & Images module onto the desired page, as seen below.

@@ Line 5: / Line 5: @@
 * '''Step 1'''
 Generate the code for the facebook like button using the following link - https://developers.facebook.com/docs/reference/plugins/like-box/. You will need to customize the facebook button to meet your requirements. Once the the button has been customized click on the '''Get Code''' button and select IFRAME. You will then need to copy the code generated in the text box for the next step.
 * '''Step 2''' Select Modules and Drag the Text & Images module onto the desired page, as seen below.

@@ Line 4: / Line 4: @@
 * '''Step 1'''
-Generate the code for the facebook like button using the following link - https://developers.facebook.com/docs/reference/plugins/like-box/. You will need to customize how you want your facebook button to look on this page as well. Once you are happy click on Get Code and select IFRAME. You are going to need the code that is generated, so copy all the text and navigate back to your site creator editor.
+Generate the code for the facebook like button using the following link - https://developers.facebook.com/docs/reference/plugins/like-box/. You will need to customize the facebook button to meet your requirements. Once the the button has been customized click on the '''Get Code''' button and select IFRAME. You will then need to copy the code generated in the text box for the next step.
 * '''Step 2''' Select Modules and Drag the Text & Images module onto the desired page, as seen below.

← Older revision		Revision as of 10:38, 12 December 2012
Line 49:		Line 49:
	Drag the Advertisement module on the desired page and paste the code in the box as seen below.		Drag the Advertisement module on the desired page and paste the code in the box as seen below.
	[[File:Twitter_img2.PNG‎ \|thumb\|600px\|center]]		[[File:Twitter_img2.PNG‎ \|thumb\|600px\|center]]
		+
		+	After the site has been published, you should then see the buttons on the page, as seen in the example below.
		+	[[File:Socialmedia_complete.PNG‎ \|thumb\|600px\|center]]

← Older revision		Revision as of 10:35, 12 December 2012
Line 41:		Line 41:


−	==How to add a Twitter button ~~to your site~~==	+	==How to add a Twitter button==

	* '''Step 1'''		* '''Step 1'''

@@ Line 3: / Line 3: @@
 ==How to add a facebook Like button.==
-* '''Step 1''' Generate the code for the facebook like button using the following link - https://developers.facebook.com/docs/reference/plugins/like-box/. You will need to customize how you want your facebook button to look on this page as well. Once you are happy click on Get Code and select IFRAME. You are going to need the code that is generated, so copy all the text and navigate back to your site creator editor.
+* '''Step 1'''
 * '''Step 2''' Select Modules and Drag the Text & Images module onto the desired page, as seen below.
@@ Line 16: / Line 17: @@
 * '''Step 4'''
 Paste the code that you generated in the first step and click update.
 [[File:Socialmedia_img4.PNG |thumb|600px|center]]
@@ Line 21: / Line 23: @@
 * '''Step 5'''
 You should now see the facebook button appear as seen below.
 [[File:Socialmedia_img5.PNG]]
 ==How to add a Google Plus button==
@@ Line 29: / Line 32: @@
 * '''Step 2'''
-Drag the Advertisement module on the desired page and paste the code in the box as seen below.
+Drag the Advertisement module onto the desired page and paste the code in the text box as seen below.
 [[File:Googleplus img12.PNG |thumb|600px|center]]
 * '''Step 3'''
-You will then see the following below.
+You should then see the google plus button as seen below.
 [[File:Googleplus img3.PNG |thumb|600px|center]]
@@ Line 49: / Line 49: @@
 Drag the Advertisement module on the desired page and paste the code in the box as seen below.
 [[File:Twitter_img2.PNG‎ |thumb|600px|center]]

@@ Line 1: / Line 1: @@
 This tutorial will explain how to add the following buttons twitter, facebook, and google plus.
-* How to add a facebook Like button.
+==How to add a facebook Like button.==
-.) Generate the code for the facebook like button using the following link - https://developers.facebook.com/docs/reference/plugins/like-box/. You will need to customize how you want your facebook button to look on this page as well. Once you are happy click on Get Code and select IFRAME. You are going to need the code that is generated, so copy all the text and navigate back to your site creator editor.
+* '''Step 1''' Generate the code for the facebook like button using the following link - https://developers.facebook.com/docs/reference/plugins/like-box/. You will need to customize how you want your facebook button to look on this page as well. Once you are happy click on Get Code and select IFRAME. You are going to need the code that is generated, so copy all the text and navigate back to your site creator editor.
-.) Select Modules and Drag the Text & Images module onto the desired page, as seen below.
+* '''Step 2''' Select Modules and Drag the Text & Images module onto the desired page, as seen below.
-[[File:Socialmedia_img1.PNG]]
+[[File:Socialmedia_img1.PNG |thumb|600px|center]]
-.) Click on HTML as seen below.
+* '''Step 3'''
-[[File:Socialmedia_img3.PNG]]
+Click on HTML as seen below.
-.) Paste the code that you generated in the first step and click update.
+* '''Step 4'''
-[[File:Socialmedia_img4.PNG]]
+Paste the code that you generated in the first step and click update.
-.) You should now see the facebook button appear as seen below.
+* '''Step 5'''
 [[File:Socialmedia_img5.PNG]]
-* How to add a Google Plus button.
+==How to add a Google Plus button==
-.) Generate the code using the following link https://developers.google.com/+/plugins/+1button/ and remember to customize and your google plus url before the code is generated.
+* '''Step 1'''
-.) Drag the Advertisement module on the desired page and paste the code in the box as seen below.
+* '''Step 2'''
-[[File:Googleplus img12.PNG]]
+Drag the Advertisement module on the desired page and paste the code in the box as seen below.
-.) You will then see the following below.
+* '''Step 3'''
-[[File:Googleplus img3.PNG]]
+You will then see the following below.
@@ Line 35: / Line 41: @@
-* How to add a Twitter button to your site.
+* '''Step 1'''
-.) Navigate to the following link http://twitter.com/about/resources/buttons#tweet and select the type of button you want. You will then need to fill in all the nessasary details and the code will be generated automatically. You then need to copy the code for the next step.
+* '''Step 2'''
 Drag the Advertisement module on the desired page and paste the code in the box as seen below.
-.) Drag the Advertisement module on the desired page and paste the code in the box as seen below.
+[[File:Twitter_img2.PNG‎ |thumb|600px|center]]
 And that's it you are done.