[shekdp]

Hello friends,
I've seen many websites are keeping a button from social networking websites, that is from facebook, twitter, etc..
And that button looks something like this, as shown in the figure,



When we click on like, the counter beside the button is increased..
How do i keep such a button my website ?

[JamesStein]

Add the following to your pages....

PHP Code:

<iframe src="http://www.facebook.com/plugins/like.php?href=
<?php the_permalink(); ?>&layout=standard&show_faces=true
&width=450&action=like&colorscheme=light" scrolling="no"
frameborder="0" allowTransparency="true" style="border:none;
overflow:hidden; width:450px; height:px"></iframe>

James

Originally Posted by shekdp

Hello friends,
I've seen many websites are keeping a button from social networking websites, that is from facebook, twitter, etc..
And that button looks something like this, as shown in the figure,



When we click on like, the counter beside the button is increased..
How do i keep such a button my website ?

[JMPruitt]

if you are using a blog, there are widgets and plugins that you can use, depending on the platform. There are ones for blogger, wp, typepad, and all the popular sites.

if you are using worpress, i recommend Sociable plug in., and tweetmeme for twitter.

[shekdp]

Originally Posted by JamesStein

Add the following to your pages....

PHP Code:

<iframe src="http://www.facebook.com/plugins/like.php?href=
<?php the_permalink(); ?>&layout=standard&show_faces=true
&width=450&action=like&colorscheme=light" scrolling="no"
frameborder="0" allowTransparency="true" style="border:none;
overflow:hidden; width:450px; height:px"></iframe>

James

Thanks for the code buddy.. Great find !!
Now I would to ask something, Will I get more traffic through this button ?

Also, Do we have a similar kind of button for twitter, orkut, myspace, digg, etc.. also ?
if yes, please share the codes for them also..

[JamesStein]

I would stay away from using too many plugins and add the coding into the template myself .... Thus why I posted the code...

Digg:
Integrate: The Digg Button | Digg About

Facebook:

PHP Code:

<a name="fb_share" type="button" href="http://www.facebook.com/sharer.php">
                                Share
                            </a>
                            <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> 


Twitter:

PHP Code:

<a href="http://twitter.com/home?status=Currently Reading : PROVIDE-PAGE-TITLE-CODE : PROVIDE PAGE URL" title="Click to share this post on Twitter"> <img src="images/twittershare.png" alt="Share on Twitter" border="0" width="65" style="margin-bottom:-6px;"></a> 


On twitter you will need to find your blogs code for the page title and url of the page and add it into the above code.

Linked-In

PHP Code:

<a href="http://www.linkedin.com/shareArticle?mini=true&url=<?php echo urlencode('PROVIDE PAGE URL');?>&title=<?php echo $item->title;?>&summary=<?php echo $item->summary;?>&source=https://www.articleproductions.com"><img src="https://www.articleproductions.com/images/linkedin.png" alt="Share on LinkedIn" border="0" width="65" style="margin-bottom:-6px;">
                            </a>

Linked-In you need to provide the code for the url of the page and add it into the above code.

James

Originally Posted by shekdp

Thanks for the code buddy.. Great find !!
Now I would to ask something, Will I get more traffic through this button ?

Also, Do we have a similar kind of button for twitter, orkut, myspace, digg, etc.. also ?
if yes, please share the codes for them also..

[shekdp]

Yeppy !!! Now everything will fit onto place I believe... Now,I can put twitter, digg, linked-in buttons..
If There are any other, similar to these one then please share them as well..

Also,I would like to add something to the code which James gave for facebook earlier..
The code which you gave will show the symbol of facebook as,



But if we want exactly the symbol which I showed in the image then we have to modify something, that is if we want the symbol to be like as shown below



then the code will be,

PHP Code:

<iframe src="http://www.facebook.com/plugins/like.php?href=
<URL>&layout=standard_button&show_faces=true
&width=450&action=like&colorscheme=light" scrolling="no"
frameborder="0" allowTransparency="true" style="border:none;
overflow:hidden; width:450px; height:px"></iframe> 


you see the change is only at the layout attribute value..
Now I'm understanding php a bit its attributes also..

[JamesStein]

Great .. Good for you ...

James

Originally Posted by shekdp

Yeppy !!! Now everything will fit onto place I believe... Now,I can put twitter, digg, linked-in buttons..
If There are any other, similar to these one then please share them as well..

Also,I would like to add something to the code which James gave for facebook earlier..
The code which you gave will show the symbol of facebook as,



But if we want exactly the symbol which I showed in the image then we have to modify something, that is if we want the symbol to be like as shown below



then the code will be,

PHP Code:

<iframe src="http://www.facebook.com/plugins/like.php?href=
<URL>&layout=standard_button&show_faces=true
&width=450&action=like&colorscheme=light" scrolling="no"
frameborder="0" allowTransparency="true" style="border:none;
overflow:hidden; width:450px; height:px"></iframe> 


you see the change is only at the layout attribute value..
Now I'm understanding php a bit its attributes also..