WEBVTT

00:00:06.920 --> 00:00:12.570
In this video we are going to OD a Google plus button to our Web.

00:00:12.810 --> 00:00:17.490
So to do this we're going to go to the Google development Web site which is developers those google

00:00:17.490 --> 00:00:24.160
those come and then we're going to go to the web option.

00:00:24.540 --> 00:00:29.440
Now let's search for plus one.

00:00:30.090 --> 00:00:31.770
OK.

00:00:32.130 --> 00:00:40.320
So if you scroll down you'll find a lot of documents ation about the Google Plus.

00:00:40.530 --> 00:00:47.280
So first of all we'll need to add a script tag to our page.

00:00:47.700 --> 00:00:51.270
So let's go ahead and do those first.

00:00:51.610 --> 00:00:56.280
Those are the scripts of the end of the body elements

00:00:56.290 --> 00:01:03.330
.

00:01:09.830 --> 00:01:12.840
OK.

00:01:16.020 --> 00:01:27.300
Then we would need to add a Google plus button so you can either use this tag or the email five tag

00:01:28.020 --> 00:01:30.490
which we can find right there.

00:01:30.580 --> 00:01:31.130
Right.

00:01:31.500 --> 00:01:41.880
So we can have a device on inside that they we're going to have a class D minus sign plus one.

00:01:42.300 --> 00:01:44.530
And then some of these attributes.

00:01:44.550 --> 00:01:46.760
OK so let's copy this first.

00:01:47.190 --> 00:01:48.320
So our Web sites

00:01:54.000 --> 00:01:59.640
list places inside the Google Plus dip.

00:02:00.130 --> 00:02:02.380
OK.

00:02:04.040 --> 00:02:06.480
OK now if we save and refresh the page

00:02:10.080 --> 00:02:12.660
we can see our Google Plus MUSSEN there.

00:02:13.060 --> 00:02:13.570
OK.

00:02:13.920 --> 00:02:18.770
So now let's have a look quickly at the different data as abuse we can use.

00:02:18.780 --> 00:02:20.100
So if you scroll down

00:02:23.750 --> 00:02:28.690
ok you'll see the tag attributes.

00:02:28.920 --> 00:02:34.740
So you can use the data ref attributes to says the URL of the page to be liked.

00:02:34.740 --> 00:02:36.860
My default is the current page.

00:02:36.870 --> 00:02:42.360
You are ill but you would like to send another e-mail then we can fill this.

00:02:42.390 --> 00:02:48.270
These are attributes because the data size which we all said the size of the button page sort of defaults

00:02:48.280 --> 00:02:48.330
.

00:02:48.360 --> 00:02:53.450
As soon as we can go for medium for example.

00:02:53.590 --> 00:02:56.430
So let's go from there.

00:02:58.340 --> 00:02:58.960
OK.

00:02:59.160 --> 00:03:04.720
And also you can use the data annotation attributes.

00:03:04.830 --> 00:03:14.160
So this one is set to bubble which is the default value is going to display the number of users who

00:03:14.850 --> 00:03:15.810
like the page.

00:03:15.810 --> 00:03:16.140
OK.

00:03:16.140 --> 00:03:19.560
And it's going to show that in a graphic next to the button.

00:03:19.560 --> 00:03:22.790
So now if we have a look out.

00:03:23.580 --> 00:03:30.950
It doesn't we save and Cicconetti now.

00:03:31.770 --> 00:03:32.610
That's how we want it.

00:03:32.640 --> 00:03:37.580
And that's how the final page is ok.

00:03:38.490 --> 00:03:46.580
Or it's you can have a look at other bits on the Web sites like the follow button.

00:03:47.010 --> 00:03:47.780
OK.

00:03:47.790 --> 00:03:50.170
So we follow the same method.

00:03:50.310 --> 00:03:59.550
So you have the scripts and this time the e-mail tag is a div of class D follow.

00:04:00.230 --> 00:04:08.490
And you can have a look at the different sizes and the that these does as well.

00:04:08.520 --> 00:04:12.210
So in the next video we are going to move to the Twitter button