Created
June 24, 2013 18:48
-
-
Save vinayprajapati/5852437 to your computer and use it in GitHub Desktop.
Google+ Followers Widget with CSS Stack Effect
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- | |
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