Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save vinayprajapati/5852437 to your computer and use it in GitHub Desktop.
Save vinayprajapati/5852437 to your computer and use it in GitHub Desktop.
Google+ Followers Widget with CSS Stack Effect
<!--
DO NOT REMOVE OR MODIFY THIS CODE BEYOND PERMISSIONS. RESPECT DESIGNER, RESPECT DMCA.
Google+ Profile Widget with CSS Stack Effect v1.0
Source Url: http://www.techprevue.com/2013/05/google-profile-widget-with-css-stack-effect.html
This widget is distributed under cc license - BY-NC-ND INT. No-derivatives Allowed.
Please keep intact this copyright notice if you are using or distributing this widget on your website/site/blog.
-->
<style>
.techprevue-fb-like-box-pearl{width:280px;height:160px;border-radius:3px;position:relative;background:#F2F2F2;padding:10px}.techprevue-fb-like-box-pearl,.techprevue-fb-like-box-pearl:before,.techprevue-fb-like-box-pearl:after{background:#F2F2F2;border:1px solid #CFCFCF}.techprevue-fb-like-box-pearl:before,.techprevue-fb-like-box-pearl:after{position:absolute;content:"";bottom:-3px;left:2px;right:2px;height:1px;border-top:none}.techprevue-fb-like-box-pearl:after{left:4px;right:4px;bottom:-5px;box-shadow:0 0 2px #CFCFCF}
</style>
<div class="techprevue-fb-like-box-pearl">
<div style="height:155px;overflow:hidden">
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/103741144523748761550" data-source="blogger:blog:followers" data-width="300">
</div>
<script type="text/javascript">
(function() {
window.___gcfg = {'lang': 'en'};
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment