Multiple Facebook, Twitter share buttons in one page with custom image and title

Question

I\'m creating a blog where the landing page will show 5 latest posts by default and each post will have a Facebook and Twitter share buttons on them.

I will need each of

Answer 1

Here is what I did.

This code is for Twitter. Added once in HEAD html section:

This code is for Facebook. Added once at the top of the BODY html section.

The HTML for the homepage list with each item having it's own Twitter and FB buttons. Each referencing a the specific post page.

  

    
Post #1
    
  
    Tweet
  
  

    
Post #2
    
  
    Tweet