How to Embed Google+ Posts in Blogger

How to Embed Google+ Posts in Blogger After Facebook and Twitter, now Googl+ has announced the embed option. Here is the guide on how to embed Google+ posts in Blogger Posts.

There are so many reasons why a blogger should use social media to gain a decent traffic to his blog, it's the easiest and a popular way to keep readers engaged to your blog. According to me, a blogger must use Facebook, Twitter, Google+ and Pinterest to help readers find his content easily on social media, because millions of people using social media on daily basis. So in this short tutorial, I will show you how you can embed Google+ posts within your website or blog. It's a quite good way to tell your readers that you are available on social media and you can share any of your Google+ post with your blog readers as long as it is shared publicly. So first of all, let's have a look how a Google+ post look like when embedded.


Embedded Google+ Post Live Demo:



How to Embed Google+ Posts in Blogger

1. Select your Google+ post you want to embed, just like I have choose to embed my How to embed Facebook Posts in Blogger in above demo.



2. Hover over the post for the menu icon to appear (as shown in picture below). Then click the menu icon, and select 'Embed Post' from the dropdown that appears.



3. Select 'Embed Post' option and copy the embed code.



4. Do not worry about the embed code comments, just paste the embed code in Blogger post editor HTML section.




That's it you are done! You have successfully embedded Google+ Post in your blogger blog.


From My Desk:

Here is the bonus tip from Me for all of you who share's my posts and leave's comments.

How about positioning your embedded post in your blogger post?

Center Position: To center the embedded post on your page, add: <div align="center"> before the second part of your code, and a closing </div> after. just like shown below:

<div align="center"><div class="g-post" data-href="https://plus.google.com/+SumairHisbani/posts/XNusnRjqzFQ"></div></div>

Right Position: To right the embedded post on your page, add: <div align="right"> before the second part of your code, and a closing </div> after. just like shown below:

<div align="right'><div class="g-post" data-href="https://plus.google.com/+SumairHisbani/posts/XNusnRjqzFQ"></div></div>

Left Position: To left the embedded post on your page, add: <div align="left"> before the second part of your code, and a closing </div> after. just like shown below:

<div align="left'><div class="g-post" data-href="https://plus.google.com/+SumairHisbani/posts/XNusnRjqzFQ"></div></div>

COMMENTS

Speed up your social site in 15 minutes, Free website transfer and script installation
Name

Blogger Templates,5,Blogger Tips,31,Blogger Widgets,9,Computer Tricks,3,Downloads,30,WordPress Tricks,5,
ltr
item
Trickz Bucket: How to Embed Google+ Posts in Blogger
How to Embed Google+ Posts in Blogger
How to Embed Google+ Posts in Blogger After Facebook and Twitter, now Googl+ has announced the embed option. Here is the guide on how to embed Google+ posts in Blogger Posts.
http://3.bp.blogspot.com/-NJVKLpnXFo4/Vkidc4u9txI/AAAAAAAAC30/ejUICLBaXYM/s640/how%2Bto%2Bembed%2Bgoogle%252B%2Bposts%2Bin%2Bblogger.png
http://3.bp.blogspot.com/-NJVKLpnXFo4/Vkidc4u9txI/AAAAAAAAC30/ejUICLBaXYM/s72-c/how%2Bto%2Bembed%2Bgoogle%252B%2Bposts%2Bin%2Bblogger.png
Trickz Bucket
https://trickzbucket.blogspot.com/2015/11/how-to-embed-google-posts-in-blogger.html
https://trickzbucket.blogspot.com/
https://trickzbucket.blogspot.com/
https://trickzbucket.blogspot.com/2015/11/how-to-embed-google-posts-in-blogger.html
true
6195765242120428356
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy