8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

1/50

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 1

How to Add XFBML

Like/Send Button

to Blogger

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

2/50

Open your browser

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 2

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

3/50

Go to: blogger.com

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 3

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

4/50

This appears

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 4

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

5/50

Sign in with your username

and password

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 5

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

6/50

This appears

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 6

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

7/50

Look here

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 7

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

8/50

Click here

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 8

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

9/50

This appears

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 9

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

10/50

Look here

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 10

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

11/50

Click here

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 11

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

12/50

This appears

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 12

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

13/50

Look here

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 13

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

14/50

Tick Expand WidgetTemplates

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 14

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

15/50

On your keyboard,press Ctrl + F

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 15

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

16/50

This appears

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 16

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

17/50

Find:xmlns:expr='http://www.go

ogle.com/2005/gml/expr'

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 17

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

18/50

This appears

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 18

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

19/50

Right after that, press

space button once...

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 19

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

20/50

Add this:

xmlns:fb='http://www.facebook.c

om/2008/fbml'

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 20

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

21/50

Look here again

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 21

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

22/50

Find:

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 22

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

23/50

This appears

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 23

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

24/50

Immediately after that, copythe script on the next slide

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 24

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

25/50

(function() {var e = document.createElement('script');

e.src = document.location.protocol +

'//connect.facebook.net/en_US/all.js#xfbml=1';

e.async = true;

document.getElementById('fb-

root').appendChild(e);

}());

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 25

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

26/50

It should look like this

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 26

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

27/50

Now go back here

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 27

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

28/50

Find:

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 28

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

29/50

This appears

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 29

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

30/50

Immediately after that, addthe standard button snippet

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 30

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

31/50

Standard button snippet

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 31

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

32/50

It should look like this

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 32

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

33/50

Save your template byclicking here

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 33

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

34/50

Click here to view your blog

with the widget

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 34

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

35/50

Your blog appears

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 35

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

36/50

Look at the bottom of your

blogpost

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 36

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

37/50

You should see the Likeand Send Facebook widget

here

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 37

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

38/50

If you cant see theLike/Send widget...

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 38

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

39/50

Check if youve enteredall the codes correctly.

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 39

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

40/50

Try clicking the Like button

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 40

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

41/50

This appears

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 41

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

42/50

Readers who liked yourblogpost...

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 42

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

43/50

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 43

...will also have the option to

post a comment on it...

Kerygma

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

44/50

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 44

...and share your post on

Facebook!

Kerygma Conference 2011

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

45/50

Lets try clicking the Sendbutton

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 45

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

46/50

This appears

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 46

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

47/50

You can send the post to a

Facebook friend...

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 47

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

48/50

To a Facebook group...

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 48

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

49/50

...or to a friends email

address.

(c) 2011 jomarhilario.com How to Add XFBML Like/Send Button to Blogger 49

8/4/2019 JomarHilario_How to Add XFBML Like Button to Blogger

50/50

- End of Slideshow -