Text effects in Web Studio
Web Studio 5 Tutorials and Add On's - supporting you take your website that next step

Adding a Twitter tweet button

 Remember to donate if you use a tutorial - Thank-you for help with maintaining the website and for understanding my time

SEE THE CSS CATEGORY FOR TEXT BASICS

We added a Google +1 button the Facebook share button
now we want to add a Twitter button that looks similar to recommend your site

THE TWEET BUTTON IN WEB STUDIO
Unlike the +1 and Facebook share buttons that only work when they are live on the internet
When you preview it "local" inside web studio on your computer you can see the tweet button
It does use the built in IE engine though so it pops up inside Internet Explorer from web studio

The +1 button and Facebook button we added, plus the Tweet button we'll add this time

I'm using a WSnext +1 button a Web Studio 5 FB share button and Tweet for recommending WSnext with a hash tag
Go ahead and try the tweet or any of the buttons to see how they work

For more options when adding a twitter button see the:
Twitter developers tweet button page

Place this code to make it work on your page then change the link, message and hashtag

On the Html tab
in Add HTML
select
HTML Object

That puts the HTML
container on the page

DOUBLE CLICK
on the HTML Object
and paste the code below

Press "OK"
to save

Copy / Paste this in the HTML Object:

<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.gordw.com/" data-text="WSnext tutorials for Web Studio 5" data-hashtags="WebStudionext">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

data-url  Change that link to the page you want to recommend
data-text Change that to the tweets text you want to use
data-hashtags Change the hashtag or you can delete that if you don't want a hashtag
If you are using 3 buttons make the HTML objects the same size 100 wide by 30 high to make it easier to line them up

Thank-you

Text effects in Web Studio 5 - Adding a twitter tweet button - by Web Studio Next

aaaaaaaaaaaaiii