Welcome to InfoExpo - "Explore the World of technology" ~ New: N-Tools | Make Money Online | Latest: Google DriveR | BigRock Discount ~ Guide On: Online Shopping


Thursday, July 11, 2013

Google Plus Add to Circles widget with Thumbnails and CSS

Google Plus Add to Circles widget with Thumbnails and CSS

Google Plus Add to circles widget is very effective Plugin for blogger to have a better connection with the blog readers. It helps to get our blog updates easily connected to our loyal reader via Google Plus. Blogger officially had launched the Google Plus followers widget , but it only thumbnails of followers and follow or add to circles button but it doesn't have an attractive CSS layout. 

So here is a Google Plus Add to Circles widget with simple attractive CSS layout.

Read: How to Create Direct Download Link for Google Drive


Demo of this Widget is Below

 Google Plus Add to Circles widget with Thumbnails and CSS



Read: Facebook PopUp Like Box - Fastest & Effective 


Just add this widget to your blog and get more followers...Follow the Below instructions

How to add this widget to Blogger 


  • Go to Blogger Layout
  • Click on add New widget
  • Select HTML/JS script widget
  • Add the below Code


<center><style>
.infoexpo-fb-like-box-pearl{width:280px;height:165px;border-radius:3px;position:relative;background:#F2F2F2;padding:0px 10px 15px 0px}.infoexpo-fb-like-box-pearl,.infoexpo-fb-like-box-pearl:before,.infoexpo-fb-like-box-pearl:after{background:#F2F2F2;border:1px solid #CFCFCF}.infoexpo-fb-like-box-pearl:before,.infoexpo-fb-like-box-pearl:after{position:absolute;content:"";bottom:-3px;left:2px;right:2px;height:1px;border-top:none}.infoexpo-fb-like-box-pearl:after{left:4px;right:4px;bottom:-5px;box-shadow:0 0 2px #CFCFCF} .sree{padding:10px 10px 10px 10px}</style>
<div class="infoexpo-fb-like-box-pearl">
<div class="sree">
<div class="g-plus" data-action="followers" data-height="150" data-href="https://plus.google.com/108747688382539063261" data-source="blogger:blog:followers" data-width="290"></div>
</div><center><a href="http://www.infoexpo.in/2013/07/google-plus-add-to-circles-widget-with.html" target="_blank"> Get This Widget �</a></center></div> </center>


  • Click Save button and have a view over your Blog.
Customizations

Replace https://plus.google.com/108747688382539063261  with your Google Plus ID


Read: Latest SEO tricks for Bing and Yahoo Search engine


Final Words 

Follow the above mentioned steps for installing this Google Plus Widget for your Blogger Blog. Enjoy Smarter connection with your Loyal readers.
If any problem while installing ,, Please leave a comment below.




About Author:

Sreeraj Melath is a passionate blogger from India,
who makes technological experiments and writes to his readers. He enjoys writing on Technology,Computer,Software,SmartPhones and Mobiles niche.
He is Editor of this tech blog.

Follow him @ Google+ | Twitter




Buy Everything Online at Cheap Price


Get Free Updates to your Inbox
Follow us on:
facebook twitter gplus pinterest rss