http://wiki.propertyminder.com/index.php?title=How_to_add_Tweet_button&feed=atom&action=historyHow to add Tweet button - Revision history2024-03-28T20:13:02ZRevision history for this page on the wikiMediaWiki 1.16.5http://wiki.propertyminder.com/index.php?title=How_to_add_Tweet_button&diff=1496&oldid=prevAnastasia at 04:27, 18 October 20112011-10-18T04:27:13Z<p></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 04:27, 18 October 2011</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>First of all you need to create the code of the button for your website.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>First of all you need to create the code of the button for your website.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div># Go to http://<del class="diffchange diffchange-inline">developers.facebook</del>.com/<del class="diffchange diffchange-inline">docs</del>/<del class="diffchange diffchange-inline">reference/plugins/like</del>/ </div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div># Go to http://<ins class="diffchange diffchange-inline">twitter</ins>.com/<ins class="diffchange diffchange-inline">about</ins>/<ins class="diffchange diffchange-inline">resources</ins>/<ins class="diffchange diffchange-inline">tweetbutton </ins></div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div># <del class="diffchange diffchange-inline">Copy </del>the <del class="diffchange diffchange-inline">URL of the page you wish </del>to <del class="diffchange diffchange-inline">insert </del>the <del class="diffchange diffchange-inline">“like” </del>button <del class="diffchange diffchange-inline">on</del>. </div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div># <ins class="diffchange diffchange-inline">Play with </ins>the <ins class="diffchange diffchange-inline">option </ins>to <ins class="diffchange diffchange-inline">make </ins>the button <ins class="diffchange diffchange-inline">you like</ins>. </div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"># Paste into the '''Step 1 Get Like Button Code'''</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>#: [[File:<ins class="diffchange diffchange-inline">Get_tweet01</ins>.jpg|border|<ins class="diffchange diffchange-inline">link=</ins>http://wiki.propertyminder.com/images/<ins class="diffchange diffchange-inline">c</ins>/<ins class="diffchange diffchange-inline">c0</ins>/<ins class="diffchange diffchange-inline">Get_tweet01</ins>.jpg]]</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>#: [[File:<del class="diffchange diffchange-inline">Get_like01</del>.jpg|border|http://wiki.propertyminder.com/images/<del class="diffchange diffchange-inline">4</del>/<del class="diffchange diffchange-inline">42</del>/<del class="diffchange diffchange-inline">Get_like01</del>.jpg]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div># <ins class="diffchange diffchange-inline">Then </ins>copy the code.</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div># <del class="diffchange diffchange-inline">Select your layout style (standard is, well, standard… it’s what you see from most Facebook like buttons </del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"># Check the box for Show Faces if you want your Facebook Icon to show beneath the photo. </del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"># Select the overall pixel width of the entire phrase.</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"># Verb to display: do you want it to say Like or Recommend? </del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"># Select the font and colors </del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"># Click '''Get Code''' and </del>copy the <del class="diffchange diffchange-inline">Iframe </del>code <del class="diffchange diffchange-inline">(chose the appropiate tab in the poped up window)</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">#: [[File:Get_like02</del>.<del class="diffchange diffchange-inline">jpg|border|http://wiki.propertyminder.com/images/7/73/Get_like02.jpg]]</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>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.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>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.</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 17:</td>
<td colspan="2" class="diff-lineno">Line 10:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div># Now login to '''Toolkit'''.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div># Now login to '''Toolkit'''.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div># Open Wensite Editor page, then My slogan (for example).</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div># Open Wensite Editor page, then My slogan (for example).</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div># 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 <del class="diffchange diffchange-inline">Facebook </del>code into this line</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div># 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 <ins class="diffchange diffchange-inline">Twitter </ins>code into this line</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div># Do not forget to '''Save''' the page.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div># Do not forget to '''Save''' the page.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Now open your website and check the result.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Now open your website and check the result.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>[[File:<del class="diffchange diffchange-inline">Get_like03</del>.jpg|link=http://wiki.propertyminder.com/images/4/<del class="diffchange diffchange-inline">45</del>/<del class="diffchange diffchange-inline">Get_like03</del>.jpg]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[File:<ins class="diffchange diffchange-inline">Get_tweet02</ins>.jpg|link=http://wiki.propertyminder.com/images/4/<ins class="diffchange diffchange-inline">48</ins>/<ins class="diffchange diffchange-inline">Get_tweet02</ins>.jpg]]</div></td></tr>
</table>Anastasiahttp://wiki.propertyminder.com/index.php?title=How_to_add_Tweet_button&diff=1493&oldid=prevAnastasia: 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..."2011-10-18T04:13:50Z<p>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..."</p>
<p><b>New page</b></p><div>First of all you need to create the code of the button for your website.<br />
<br />
# Go to http://developers.facebook.com/docs/reference/plugins/like/ <br />
# Copy the URL of the page you wish to insert the “like” button on. <br />
# Paste into the '''Step 1 Get Like Button Code'''<br />
#: [[File:Get_like01.jpg|border|http://wiki.propertyminder.com/images/4/42/Get_like01.jpg]]<br />
# Select your layout style (standard is, well, standard… it’s what you see from most Facebook like buttons <br />
# Check the box for Show Faces if you want your Facebook Icon to show beneath the photo. <br />
# Select the overall pixel width of the entire phrase.<br />
# Verb to display: do you want it to say Like or Recommend? <br />
# Select the font and colors <br />
# Click '''Get Code''' and copy the Iframe code (chose the appropiate tab in the poped up window)<br />
#: [[File:Get_like02.jpg|border|http://wiki.propertyminder.com/images/7/73/Get_like02.jpg]]<br />
<br />
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.<br />
<br />
# Now login to '''Toolkit'''.<br />
# Open Wensite Editor page, then My slogan (for example).<br />
# 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<br />
# Do not forget to '''Save''' the page.<br />
<br />
Now open your website and check the result.<br />
<br />
[[File:Get_like03.jpg|link=http://wiki.propertyminder.com/images/4/45/Get_like03.jpg]]</div>Anastasia