Kali ini kita akan membagikan
cara membuat google plus badge profile | page menjadi responsive
Sebagai contoh kamu bisa lihat google+ badge page dan google+ badge profil
disini
Langsung saja kopi kode berikut :
<div id="google-badge" style="width: 100%;">
<!-- Letakan kode ini di tempat manapun yang kamu inginkan . -->
<div class="g-page" data-href="//plus.google.com/105965413275584275879" data-rel="publisher" data-theme="dark" data-width="180">
</div>
<!-- letakan kode setelahnya. --><script type="text/javascript">
window.___gcfg = {lang: 'id'};
// just put this in here
document.getElementsByClassName('g-page')[0].setAttribute('data-width', document.getElementById('google-badge').clientWidth);
(function () {
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/platform.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
</div>
'g-page' bisa kamu rubah menjadi 'g-person' jika kamu ingin menampilkan badge profile.
105965413275584275879 rubah dengan id profile google+ kamu.
data-width="180" bisa kamu sesuaikan.
data-rel="publisher" kamu rubah menjadi data-rel="author".
sekian semoga bermanfaat.
sumber : http://stackoverflow.com/