Showing posts with label Facebook. Show all posts
Showing posts with label Facebook. Show all posts

Friday, 1 February 2013

Facebook like Expanding Textbox with Jquery.

Hey people! Here is a tutorial that shows you how to create a expanding text box similar to the status update box on facebook using jQuery. 


You can have a look at the demo and also download the script from the links below:

Tuesday, 15 January 2013

FACEBOOK FOLLOW BUTTON For Your Website

Follow on facebook

Hey people! In this tutorial I'm going to tell you how to integrate facebook follow button on your website.
You will need:

  • A facebook profile.
  • A facebook APP. ( If you don't know about facebook apps, have a look at this link first: GETTING STARTED WITH FACEBOOK APP. 
  • Follow the instructions below:
Include the javascript SDK on your page ( if you have not done it already.
It will look like:

<div id="fb-root"></div><script>(function(d, s, id) {  var js, fjs = d.getElementsByTagName(s)[0];  if (d.getElementById(id)) return;  js = d.createElement(s); js.id = id;  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=186481821476628";  fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>

Replace the highlighted number with your APP ID. 
This one is my sample APP's ID.
The include this in your webpage in the place where you want to have your facebook follow button placed:

<div class="fb-follow" data-href="https://www.facebook.com/techoyo" data-show-faces="true" data-width="450"></div>
 Now, Change the highlighted text with your profile name.
Thats it! You are done. 


If you found this article useful, Like our page:


Spread out your shares on Facebook to improve your reach


facebook page reach

If you are looking to spread your content on Facebook you are going to want to make sure that you don’t share them too closely together, whether you share from a different account or page, if you share the same content too close together they will be bunched together on Facebook losing the effect of why you shared it twice in the first place.

Monday, 14 January 2013

Facebook Style Emotions with Jquery

The Jquery emotions plugin helps you to convert text symbols to emotion images like in social chat editors similar to facebook. Who doesn't want smileys as they type their emotions out? 
Facebook style emotions plugin with jquery
You can try our DEMO and also Download the script. Read more:

Friday, 9 November 2012

FACEBOOK: Comment Boxes for your site powered by facebook.

The facebook comment social plugin is an excellent way to boost up the social experience of people on your website. It lets them comment on posts on your website using their facebook account.

Find out more:

Saturday, 3 November 2012

FACEBOOK: INVITE FRIENDS API for your website.

Have you noticed 'bring your friends' button or link on web pages? Want to add it to your website and let users invite their facebook friends? This is how you do it!
Invite facebook friends API
www.techoyo.com                              (c) Ganesh Venkataraman


First, u need to have a facebook APP. If don't have one, have a look at

Monday, 29 October 2012

FACEBOOK: SOCIAL PLUGINS- SUBSCRIBE BUTTON

The Subscribe button lets a user subscribe to your public updates on Facebook.
FACEBOOK SUBSCRIBE
This is what you nee to do to get the subscribe button on your website:

Thursday, 25 October 2012

FACEBOOK: SOCIAL PLUGINS - THE LIKE BUTTON

FACEBOOK:LIKE

The Like button lets a user share your content with friends on Facebook. When the user clicks the Like button on your site, a story appears in the user's friends' News Feed with a link back to your website.



STEPS:

FACEBOOK: GETTING STARTED - CREATING YOUR APP.

CreateAPP!

The first step towards social design and integration of your website using facebook is creating an app on facebook.
Go here: https://developers.facebook.com/apps

You will find a button like the one below: