WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1Accespted Facebook Like Button Sat Jul 24, 2010 1:17 am

RockerMan

RockerMan
Technician
Technician
Facebook Like Button
Adding Facebook like button on HTML page/Forum


OK so I know that sometimes PHP is not always available so I came up with a solution! iFrames!!! Very Happy

Very Very simple, yet effective.

Code:
<iframe src="http://www.facebook.com/widgets/like.php?href=http://webarrtzforum.com"
        scrolling="no" frameborder="0"
        style="border:none; width:450px; height:80px"></iframe>


scrolling="no" - Do you want the content to scroll?
frameborder="0" - Since we are using an iFrame it has borders, I recommend you keep it at 0
border:none; - Again this sets a border around the elements
width:450px - This sets the width of the iFrame, You don't need to make it bigger unless you get like 60 million likes, although you may want to shrink it. Don't go below 250 as it makes it two line and looks horrible.
height:80pxThis sets the height, you can reduce it to 30 if you like Very Happy

Thats it, lol

Everything else is very self explanatory Razz

Here is a demo:
http://stylenetwork.forumotion.com/facebooklikebtton-h1.htm

Last Updated On: 23/7/2010
Notice : This tutorial is copyrighted by WebArtz Forum. You may not publish it on anywhere without written permission from the administrators.

http://www.graphics-post.com/

2Accespted Re: Facebook Like Button Sat Jul 24, 2010 1:23 am

Unknown Data

Unknown Data
Registered Member
Registered Member
Very cool RockerMan! ;D

http://woops.dk

3Accespted Re: Facebook Like Button Sat Jul 24, 2010 1:27 am

RockerMan

RockerMan
Technician
Technician
Thank you, please call me Mike Wink

Also, I responded to your jQuery troubles

http://www.graphics-post.com/

4Accespted Re: Facebook Like Button Sat Jul 24, 2010 1:31 am

Unknown Data

Unknown Data
Registered Member
Registered Member
Saw that Mike, and thanks for the answer - it helped. Very Happy

http://woops.dk

5Accespted Re: Facebook Like Button Sat Jul 24, 2010 2:30 am

Nem

Nem
Registered Member
Registered Member
Wow looks legit, nice.

http://www.graphics-post.com/forum

6Accespted Re: Facebook Like Button Sat Jul 24, 2010 2:46 am

RockerMan

RockerMan
Technician
Technician
Thank you Smile

http://www.graphics-post.com/

7Accespted Re: Facebook Like Button Sat Jul 24, 2010 10:23 pm

Joel

Joel
Registered Member
Registered Member
YES! Great tutorial! All the best!

http://www.advertisehotspot.info/

8Accespted Re: Facebook Like Button Sat Jul 24, 2010 10:59 pm

ankillien

ankillien
Administrator
Administrator
Tut is nice Very Happy

It is self explanatory, but can you still add couple of line that explain what the code exactly does?

Thanks Smile

9Accespted Re: Facebook Like Button Sat Jul 24, 2010 11:20 pm

RockerMan

RockerMan
Technician
Technician
OK,

Code:
scrolling="no" frameborder="0"
        style="border:none; width:450px; height:80px"
scrolling="no" - Do you want the content to scroll?
frameborder="0" - Since we are using an iFrame it has borders, I reccomend you keep it at 0
border:none; - Again this sets a border around the elements
width:450px - This sets the width of the iFrame, You don't need to make it bigger unless you get like 60 million likes, although you may want to shrink it. Don't go below 250 as it makes it two line and looks horrible.
height:80pxThis sets the height, you can reduce it to 30 if you like Very Happy

http://www.graphics-post.com/

10Accespted Re: Facebook Like Button Sun Jul 25, 2010 9:32 am

Joel

Joel
Registered Member
Registered Member
Wow, that made this tutorial even better!

http://www.advertisehotspot.info/

11Accespted Re: Facebook Like Button Sun Jul 25, 2010 10:11 am

Nem

Nem
Registered Member
Registered Member
RockerMan wrote:
Code:
scrolling="no" frameborder="0"
        style="border:none; width:450px; height:80px"
scrolling="no" - Do you want the content to scroll?
frameborder="0" - Since we are using an iFrame it has borders, I reccomend you keep it at 0
border:none; - Again this sets a border around the elements
width:450px - This sets the width of the iFrame, You don't need to make it bigger unless you get like 60 million likes, although you may want to shrink it. Don't go below 250 as it makes it two line and looks horrible.
height:80pxThis sets the height, you can reduce it to 30 if you like Very Happy

Add that to your first post instead of as a reply Wink

http://www.graphics-post.com/forum

12Accespted Re: Facebook Like Button Sun Jul 25, 2010 11:49 am

ankillien

ankillien
Administrator
Administrator
I've added it Very Happy

Tutorial Accepted

13Accespted Re: Facebook Like Button Sun Jul 25, 2010 11:59 am

Joel

Joel
Registered Member
Registered Member
Great job dude!

http://www.advertisehotspot.info/

14Accespted Re: Facebook Like Button Sun Jul 25, 2010 1:02 pm

verrell123

verrell123
Registered Member
Registered Member
yea Congrats!

http://www.freshartz.co.cc/

15Accespted Re: Facebook Like Button Sun Jul 25, 2010 11:07 pm

RockerMan

RockerMan
Technician
Technician
Glad to hear you like it Smile

http://www.graphics-post.com/

16Accespted Re: Facebook Like Button Wed Sep 01, 2010 2:07 am

C.noergaard

C.noergaard
Registered Member
Registered Member
Very nice i shall remember that

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum