How To Embed Google Plus Posts In Blogger?

It has always be a matter of concern that which one is better? Facebook or Google?

We also have doubt that out of two which one is better actually? Is it Google? or Is It Facebook?

Because both of them are the massive giants of social network over the internet. And both of them are in regular competition with each other. They take each and every step with utmost care and with one sole aim of holding the top position in their mutual competition.Few months ago we have seen the successful launch of Facebook developers page for designers and developers. Now following the step of Facebook, Google too have launched it's Google developers page.

Though Facebook has launched a same feature of embedding Facebook posts in to Blogger earlier than Google, but there is very much difference in between two. Google has launched this feature with a taste of it's own Googlish look.
Google allows you to embed any public posts in your website/blog's page with only few line of codes.

Beginning the tutorial let's see how to embed it into your Bloggers Blog.

Step#1

Open Blogger Dashboard→ Template→ Html Editor
and then add a piece of code before </head> tag in your Template's Html editor and Save it.

Javascript

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"/>

Step#2

First Sign-in to your Google Plus account.
Select any publicly shared post of your choice and then open the options menu by clicking on (given on the top-right corner of the posts).

A Pop-up window appear after you select Embed post in options menu.

Now observe the above piece of code properly, you will learn that we have already added the above script code in Step#1. So no need to copy paste it again.
Now open the open Html Editor of your blog post editing panel.
Now copy the highlighted part of code and paste it as shown below in image and preview your post after that.

Congratulations you have successfully embedded the Posts in your Bloggers posts page.

Facts You Must Know

This will embed the public Google+ posts in your site/blog ,article or post pages.
We dealt with two pieces of code in this tutorial.
- One was javascript file which is a necessary element for this embedding process.
- And another was the code of the embedded post.

Html

<div class="g-post" data-href="https://plus.google.com/113641924206218796198/posts/RsgeyKcFNFf"></div>

The code in highlighted Green is the Google+ Id of your Profile and the code highlightedGreenish-Yellow is the ID of that post which is to be embedded.