Blogger Widgets

How to Make Google+ Badge That Can Be Modified By Blog

Follow these steps one by one :

1.  login to Blogger> select Layout

2.  Add Widgets> HTML / JavaScript

3.  Enter the following code :

<style>
.googlefaceblogevolutions {
width: 250px;
height: 105px;
margin:0px;
position: relative;
border-right:0.5px solid #cccccc
}
</style>
<div class="googlefaceblogevolutions">
<div style="height:155px;overflow:hidden">
<div class="g-person" data-href="//plus.google.com/u/0/112523556182681108033" data-theme="light" data-layout="landscape" data-showcoverphoto="false" data-rel="author"></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>


don't forget to replace plus.google.com/u/0/112523556182681108033 with google+ your profile address.


or enter the following code to look like this:

<!-- Place this tag where you want the widget to render. -->
<div class="g-person" data-width="273" data-href="//plus.google.com/u/0/112523556182681108033" data-theme="dark" data-layout="landscape" data-rel="author"></div>

<!-- Place this tag after the last widget tag. -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/pn latform.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>


don't forget to replace plus.google.com/u/0/112523556182681108033 with google+ your profile address.



DMCA.com Protection Status

SUBSCRIBE TO OUR NEWSLETTER