WEBVTT

00:00:07.540 --> 00:00:11.870
In this video we are going to add a tweet to our Web site.

00:00:12.020 --> 00:00:17.680
So is we going to need to go to the Twitter development's websites which is they've both Twitter dot

00:00:17.690 --> 00:00:18.060
com

00:00:20.850 --> 00:00:25.830
then would need to go to the developers documentation link

00:00:28.710 --> 00:00:34.040
and then we can click on the Twitter for Web sites link.

00:00:34.170 --> 00:00:45.870
Now if you scroll down click on the widgets dabbas scripts and an ad that sets up Twitter for Web sites

00:00:45.880 --> 00:00:48.480
.

00:00:48.480 --> 00:00:57.960
So in this page you'll find a scripts but we need a copy on our page so that we can use the Twitter

00:00:58.020 --> 00:00:59.670
widgets.

00:00:59.670 --> 00:01:03.100
So let's go ahead copy this inside the page.

00:01:03.690 --> 00:01:07.970
So who's going to copy it right after the Google Plus scripts

00:01:12.050 --> 00:01:18.270
and his other common the tweets.

00:01:20.300 --> 00:01:20.940
It's safe

00:01:24.900 --> 00:01:28.380
now to add a tweet button.

00:01:28.470 --> 00:01:36.990
We need to click on the tweet link and you can find that all the documentation you need to create a

00:01:37.200 --> 00:01:40.440
tweet and so to create a simple tweet button.

00:01:40.920 --> 00:01:49.540
We just need to copy this code into our web page.

00:01:49.740 --> 00:01:54.030
So if you go to the Twitter div and

00:01:57.840 --> 00:02:00.480
place this code in the Save

00:02:07.800 --> 00:02:10.270
Now you can see our Twitter that.

00:02:10.290 --> 00:02:19.860
So if we click on the tweet then you can see that we can share our link with our foes.

00:02:20.550 --> 00:02:25.440
So you can customize this Muhsen by adding some other elements.

00:02:25.440 --> 00:02:28.470
For example we can add a text elements

00:02:32.700 --> 00:02:39.880
like this right after this link.

00:02:43.590 --> 00:02:44.030
OK.

00:02:44.070 --> 00:02:55.130
So if we save and refresh the page.

00:02:55.130 --> 00:02:59.080
Now we can see text there.

00:02:59.130 --> 00:03:02.490
OK you can customize the text if you want.

00:03:03.880 --> 00:03:04.400
OK.

00:03:04.520 --> 00:03:10.960
And you can add other options like these attributes like the data size.

00:03:12.060 --> 00:03:12.770
OK.

00:03:13.040 --> 00:03:19.320
And you can continue reading all these book imitation and it shows a lot of other details that you can

00:03:19.320 --> 00:03:20.540
go through.

00:03:20.550 --> 00:03:27.630
There is a good alternative to dinner is the buzzing in a really easy way is by going to these Web sites

00:03:27.630 --> 00:03:33.870
which is about to we those chrome fossilise resources faultline muslins and it can create all sorts

00:03:33.870 --> 00:03:35.310
of Twitter buttons.

00:03:35.850 --> 00:03:47.160
So if you go to the tweets person OK let's click on that and then you can customize the Busson.

00:03:47.160 --> 00:03:54.210
So for example you can either use the page you are ill or go for another you are ill.

00:03:54.270 --> 00:04:00.220
For example I'm going to go for complete web development because most calm

00:04:02.970 --> 00:04:08.880
you can change the text or text.

00:04:08.950 --> 00:04:12.780
Also you can add other promises if you want.

00:04:12.780 --> 00:04:17.910
So once you're done then you can just copy the code from here

00:04:26.940 --> 00:04:28.370
and then place it on your website

00:04:28.450 --> 00:04:34.360
.

00:04:34.530 --> 00:04:38.130
We don't need scripts

00:04:40.800 --> 00:04:43.340
again or copy the scripts.

00:04:43.580 --> 00:04:46.550
At the end of the body elements.

00:04:46.560 --> 00:04:50.460
Now if we save and refresh the page

00:04:55.610 --> 00:04:58.690
that's how we use muslin.

00:05:00.700 --> 00:05:01.240
OK.

00:05:01.410 --> 00:05:04.870
And it's working fine.

00:05:07.500 --> 00:05:12.460
OK so in the next video we are going to add a timeline to our website