Linyah Tutorial:
How to get a Facebook "Like" button on your site!
- Ok, you should ever see a thing like this one:
Right? It is an excellent way to get new visitors! Let's learn how to put the code for the button.
First Step:
Go to the following link: http://developers.facebook.com/docs/reference/plugins/like/
Second Step:
(At "Verb to Display" you should choose Like)
Customize the options as desired.
In "URL to Like" just put OURURL (since we will handle it).
Third Step:
Click on "Get Code" (Obviously! )
Fourth Step:
It will pop-up a window with our code. Copy that and paste it in Notepad.
Fifth Step
With some care (one character wrong and will not work), make the following substitutions:
Quote:
src= por expr:src=’
OURURL por †+ data
ost.url + “
height=35″ por height=35″‘
Before:
After:
Yay! Now we got the code!
WARNING: Read the following steps if you want to put this Like Button on your blog!
Sixth Step:
1 - Go to your control panel / admin panel of Blogger.
2 - Click on "Design".
3 -
Seventh Step:
Make sure that "Expand widget templates" is active. (In the right side of the "Edit the contents of your template".
Eighth Step:
Find the text <div class='post-footer'> in the text box.
(To do this CTRL + F and search for that text.)
Ninth Step:
Copy the new code of Step 5 or if you have changed the code, copy it from Notepad.
Tenth Step:
Test your changes by clicking Preview.
Eleventh Step:
If everythings alright, click "Save Template" and see the results on your blog.
---
If you have any questions, let me know to help you
If you want to copy this tutorial, please leave credits aswell
Right? It is an excellent way to get new visitors! Let's learn how to put the code for the button.
First Step:
Go to the following link: http://developers.facebook.com/docs/reference/plugins/like/
Second Step:
(At "Verb to Display" you should choose Like)
Customize the options as desired.
In "URL to Like" just put OURURL (since we will handle it).
Third Step:
Click on "Get Code" (Obviously! )
Fourth Step:
It will pop-up a window with our code. Copy that and paste it in Notepad.
Fifth Step
With some care (one character wrong and will not work), make the following substitutions:
Quote:
src= por expr:src=’
OURURL por †+ data
ost.url + “height=35″ por height=35″‘
Before:
After:
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data
Yay! Now we got the code!
WARNING: Read the following steps if you want to put this Like Button on your blog!
Sixth Step:
1 - Go to your control panel / admin panel of Blogger.
2 - Click on "Design".
3 -
Seventh Step:
Make sure that "Expand widget templates" is active. (In the right side of the "Edit the contents of your template".
Eighth Step:
Find the text <div class='post-footer'> in the text box.
(To do this CTRL + F and search for that text.)
Ninth Step:
Copy the new code of Step 5 or if you have changed the code, copy it from Notepad.
Tenth Step:
Test your changes by clicking Preview.
Eleventh Step:
If everythings alright, click "Save Template" and see the results on your blog.
---
If you have any questions, let me know to help you
If you want to copy this tutorial, please leave credits aswell
