Posts

Showing posts with the label Facebook

Add Open Graph Protocol Meta Tags to Blogger

Image
The Open Graph Protocol help web pages to integrate into social graph. It combines all the unstructured data of a page into a structured information so that the page can be defined how it will be represented on social networking sites. According to Facebook, if you include Open Graph tags, you will have the ability to treat your page same as Facebook Page . If you have added Plus One button and/or Like button then you may want your page to get integrated into the social graph of Google+, Facebook and other social sites when they are shared. WordPress has many plugins but users of Blogger needs to add Open Graph protocol Meta tags manually to Blogger and to its post pages by editing the template. In this tutorial I will explain it in simple steps.

Sharing in Facebook Not Showing Blogger Post Description (Solved)

Image
I have been always asked “ why Facebook does not show the description of the post when it has been liked or shared by the readers ”. In this post I will discuss different methods to solve this problem. Facebook has updated its scripts and codes which results in showing a small description of the post and an image whenever it is shared within Facebook. But people who are using Blogger and have added the Facebook Like button ( iframe or XFBML ) finds that when anyone likes a post, the description of the post is not seen or scraped by Facebook, instead there is only the title of the post and your blog’s link. This is a concern for many bloggers who are blogging on Blogger platform and to be honest, there’s no problem from yours end as it’s a problem of Blogger’s Post Editor itself.

Import Blog Posts to Facebook Page

Image
If you are blogging then you must have created Facebook Page for your blog. Now do not keep it blank, post something so that Facebook users who have Liked your Page can engage with it. You can post status updates with interesting discussions or can update it with your newly created blog posts.

Facebook Send Button for Blogger

Image
Send button by Facebook enables your blog readers to send your content to their Facebook friends privately in their inbox or to the group wall or to any email address. Let’s see how to add Send button to Blogger .

How to Add Facebook Like Button to Blogger

Image
After Facebook deprecated the share button, the Like button became one of the famous and widely used social sharing button as it let your blog readers to share your posts and articles with their Facebook friends with just one click. When you will visit the official page you will find that there are two different versions of Like button for which the implementation processes are also different. The most flexible one is XFBML but it requires a series of steps before it can be added to any webpage while Iframe version of the Like button is more easy to add. So here we will find out how it can be added to Blogger blogs.

Add Facebook XFBML Like Button to Blogger

Image
Today we will learn how to add Facebook Like button to Blogger (XFBML/HTML5). After using the Iframe version, I was thinking if it could do something which will enable my blog readers to leave a comment while sharing. So I checked and found out the JavaScript version of Like button which has a Send button too. When someone likes your post to share it with their Facebook friends, it will open a popup comment box to leave a comment which will give it more prominence . To get this you can visit the official page . Here I will try to explain it in simpler form. Facebook Like Button for Blogger Step 1. Log in to Blogger, go to Template tab, then click “Edit HTML” and check “Expand Widget Templates”. Step 2. Though this step is not required as I have updated the rendering codes with HTML5 version but still you may include this for certain reasons. Find the highlighted HTML attribution: <html ...... xmlns:expr='http://www.google.com/2005/gml/expr'> After this, add XML name...

Add Facebook Like Box to Blogger

Image
Many readers take Facebook Fan Pages as an alternative to RSS readers, so it will be best to add a Like Box to your blog. It is a great way to show your readers that your blog is also available on Facebook and they can join your Page and become an active member by liking your page. Here is my page on Facebook. You can always join my Page by clicking the “Like” button.

How to Add Facebook Share Button with Counter to Blogger

Image
Facebook share button is a perfect way to share blog posts and to show the number of shares that has been made for a particular blog post. There are two types with different styles, one with a big count button and the other one is inline button . To add it to Blogger select any one of the share buttons as mentioned below. Facebook Share Button with Counter <div style=" float: right; margin: 4px; "> <a name="fb_share" type="box_count" expr:share_url="data:post.canonicalUrl" 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> </div>