Warning: mysql_num_fields() expects parameter 1 to be resource, boolean given in /home1/mgph/public_html/wp-includes/wp-db.php on line 3096

Facebook never stops in developing new features to satisfy the needs of its users. It is one of their ways to keep people using this social media network. In the previous years, the king of social media networks undergone several improvements and introduced lots of new features to make the web more enjoyable and fun. They created different useful features for everyone especially for bloggers such as Facebook fan page like box and Facebook comment box which you can easily add in different websites and blogs of different platforms and/or CMS like Blogger and WordPress.

As you may know, there was a new great development introduced by Facebook last year. It is a feature that lets Facebook users subscribe to anyone’s public updates such as status updates, new uploaded photos, life events, comments and likes and other activities on Facebook. The subscribe button is a new feature that allows everyone to subscribe to the people they’re interested in even if they are not friends. If you don’t have  yet a subscribe button to your Facebook account, go to this Facebook subscribe page and activate the feature.

Then, they made a social plugin after several months to make the feature more accessible. Now, bloggers and website owners have the power to add Facebook “Subscribe” button on non-Facebook page such as websites and blogs. If you don’t have yet the subscribe button to your blogger blogs, here is a step by step tutorial that will teach you how to add it to your blogger blogs.

In this blogger tutorial, you will learn how to add Facebook “subscribe” button to your blogspot blogs. Hopefully, this blogger widget could help you to increase your Facebook subscribers and eventually, your social media visibility and presence.

You might want to take a look at the following related articles:

    Dont forget to subscribe to our RSS-feed and follow us on Twitter – for recent updates.

    Add Facebook Subscribe Button to your Blogger Blogs

    How to add Facebook subscribe button to Blogger

    1. Just like any other social plugin, go to Facebook developer page for Subscribe button.

    2. Add your Facebook profile URL in address in the “Profile URL” text box.
    Add Facebook Subscribe Button to your Blogger Blogs
    3. Customize your Subscribe button according to your taste.

    • Layout Style – Determines the size and amount of social context next to the button. You may choose between standard, button_count and box_count.
    • Show Faces – Show profile pictures of your subscribes below the button. This feature is applicable in Standard layout only.
    • Layout Style – Determines the size and amount of social context next to the button. You may choose between standard, button_count and box_count.
    • Color Scheme – Choose the color scheme of the plugin between light and dark
    • Font – Choose the font of the plugin to match with your website or blog fonts. The choices are Arial, Lucida Grande, Segoe UI, Tahoma, Trebuchet MS and Verdana.
    • Width – Choose the width of your plugin.

    4. Click the “Get Code” button and choose between HTML5, XFBML and iFrame. Since you have a blogger blog, choose iFrame then copy the code.
    Add Facebook Subscribe Button to your Blogger Blogs
    5. Now, go to Blogger > Design > Page Elements and Add a Widget. Select HTML/JavaScript in the given choices.
    Add Facebook Subscribe Button to your Blogger Blogs
    6. Paste the code and Hit save. Put the widget in the sidebar or anywhere in the page by dragging the widget.

    How to add Facebook subscribe button just below Blogger Posts Titles

    1. Go to Blogger > Design > Edit HTML

    2. Click on the box at top right that says “Expand Widget Templates”

    3. Now, search for <data:post.body/>

    4. Just above it paste the code you copied a while ago in Facebook developer page. Don’t forget to add <b:if cond=’data:blog.pageType == &quot;item&quot;’> before the entire code and </b:if> after the code. This is to make sure that the subscribe button will only appear in blogger post pages. The code will look like this:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    Facebook Subscribe button Code
    </b:if>
    <data:post.body/>

    5. Save your template.

    How to add Facebook subscribe button after each Blogger Blog Posts

    1. Repeat the step 1 to 3 a while ago.

    2. Just below <data:post.body/>, paste the code you copied a while ago in Facebook developer page. The code will look like this:
    <data:post.body/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    Facebook Subscribe button Code
    </b:if> 

    Conclusion

    Now that you know how to add Facebook subscribe button to your blogger blogs, there’s a big chance that your Facebook subscribers will increase in the next few days. If you are having trouble adding the widget, please let me know in the comment box below and I will try my best to help you right away.

    Microsoft PowerPoint Presentation Templates