Display your Google+ Feed in your blog with images

Google+ Feed WidgetGoogle+ is the next big thing in Social Media. According to statistics its growth has been explosive. With loads of never before seen features and Facebook trying to copy them blankly ,its popularity has just increased by the day. But unlike Twitter and Facebook as of now it doesn't have a Widget to display your latest posts. To do this we will be combining two services. Lets get started


Step 1: Go to Your G+ Profile and from the Address bar copy your Google+ ID

Google+ Profile URL

Step 2: Go to Zipl.us and select a nickname and paste that Google+ ID. Then press GO

Zipl.us homepage

Step 3: After that you will get your Short URL ,copy it

Zipl.us completion

Step 4: Now go to Widgetbox . firstly register if you haven't already.

widgetbox homepage

Step 5: After signing in, go to Widgets menu in the header and then click the Blog/Feed Icon

widgetbox create widget

Step 6: Firstly choose the Basic setting (because its free) and paste the URL you got from Zipl.us in the myblogurl field. Here one thing to note is that you will have to add /feed after the URL you got for this widget to work.

widgetbox widget customize

Step 7: Now after Clicking Make Widget ,you will be presented with loads of options to customize your widget according to your wishes. All options are self explanatory. This is how my widget looked after the process:

save widget

Step 8: After completing  the customization Click the Save Blidget and after accepting their Terms and Conditions , Save it.

accept terms

Step 9: In the next screen click the Get Widget and you will be presented with the Code to integrate it into your blog. Now just copy it.

copy widget code

Step 10: Back in Blogger Dashboard create a HTML/JavaScript Widget and paste the code and Save it . You will see your latest post on G+ in your blog/website.

Having problems , feel free to ask


Written by Prayag Verma

Find me on Twitter

Email Newsletter

Like what you read here in this post ?
Get new posts delivered straight to your inbox

Post a Comment
Rahul Roy said...

This was originally posted by me on Google+

I checked your post on G+ , it was about using the Zipl.us service and had nothing to do with Widget creation and embedding into Blogger

Max Well U S A said...

Oh Good wigjet for all bloggers

Pradeep said...

Prayag, this is a widget from widget box..... Any ways to remove the footer without going premium?

Just add the following code after the widget code

<div style="width: 200px;position: relative;z-index: 99999;height: 30px;top: -23px;background: url('IMAGE_URL');" ></div>

Put a IMAGE_URL same as the Sidebar background image

Pradeep said...

Cool hacks hah...