Sticky Google Plus Badge For Websites/Blogs

Just incase you didn’t notice, we rolled out this demo page on Wednesday to help us develop more widget (incase of testing mods and widget) and to provide a clearer preview for our widgets and custom modification. To participate in this development, kindly request for invitation via our contact page.

Using Google+ Badge

Installing Sticky Google+ Badge

If you are using a CMS for your website, kindly add a new Custom text/HTML or HTML/JavaScript widget and paste the entire code below into your new widget, make the necessary changes and save your widget.

<!-- Place this tag where you want the widget to render. -->
<script>
function moveScroller() {
var move = function() {
var st = $(window).scrollTop();
var ot = $("#scroller-anchor").offset().top;
var s = $("#scroller");
if(st > ot) {
s.css({
position: "fixed",
top: "0px"
});
} else {
if(st <= ot) {
s.css({
position: "relative",
top: ""
});
}
}
};
$(window).scroll(move);
move();
}</script>
<div id="sidebar" style="z-index:99;">
<div id="scroller-anchor">
</div>
<div id="scroller" style="margin-top:10px; z-index:99; position:relative;">
<div class="g-page" data-href="//plus.google.com/106554340003638873619" data-rel="publisher">
</div>
<script type="text/javascript">
(function() {
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>
<script type="text/javascript">
$(function() {
moveScroller();
});
</script>
<!-- GooglePlus Badge by www.eobasi.com Ends -->


 Necessary Changes

• Change 106554340003638873619 to your Googl+ page, profile or community id.
• To use Googl+ Badge without sticky features, kindly use the code below.