Displaying social widgets in a blog helps visitors to know that your blog has a profile on Facebook, Google+ and Twitter and so they get the latest updates straight from these social networks. This helps to build traffic to your blog.
In this post we will see how to get and display social widgets for Blogger. Facebook like box, Google+ badge and Twitter tweets for your Blogger blog.
Displaying Facebook like box, Google+ badge and Twitter tweets in Blogger is really easy. Just follow the steps.
How to display social widgets for Blogger
How to display Facebook like box in Blogger
Ready to use code:
Login to blogger and go to your Dashboard >> layout
Click Add a gadget, new pop up window opens
Paste the following i frame code in content area and save it.
Now you can see the Facebook like box in your Blogger blog. Make sure you change the ID “blogtimenow” with your Facebook page ID.
Get your own code:
Since Blogger is a free service owned by Google you can find Google+ badge in your gadget screen. Just enter your Google+ profile or page ID specify the size of the badge and pick the color. If the preview above is O.K then click save and refresh your blog to see the Google+ badge.
Method – 2
<!-- Place this tag where you want the widget to render. -->
<div class="g-page" data-width="280" data-href="//plus.google.com/103580833761087808296" data-rel="publisher"></div>
<!-- Place this tag after the last widget tag. -->
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script'); s.parentNode.insertBefore(po, s);
Method – 3
How to display Twitter tweets in Blogger
It’s all done! You have displayed Facebook like box, Google+ badge and Twitter tweets to your Blogger blog. Now visitors can like your page, circle your page and see the latest tweets from your Blogger blog. Happy blogging!