Search This Blog

Membuat Dan Memodifikasi Google+ Badge

  • Tuesday, June 19, 2018 at 8:16:00 AM
  • 0 Comments
  • Views
Aku sedang membuat template dan aku menemui kesulitan dalam memodifikasi salah satu gadget bawaan blogspot yaitu Google+ Badge. Setelah aku mencari solusinya di Google aku menemukan satu tutorial yang bisa aku terapkan di template ku.

Pemasangan
Pertama masuk ke Blogger > Tata Letak kemudian Add Gadget > HTML/JavaScript lalu masukan kode di bawah ini.
<style>
.googlefaceblogevolutions {
width: 100%;
height: 105px;
margin:0;
position: relative;
border-right:1px solid #ccc
}
</style>
<div class="googlefaceblogevolutions">
<div style="height:155px;overflow:hidden">
<div class="g-person" data-href="//plus.google.com/+EkaAwaludin" 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>
Ganti URL plus.google.com/+EkaAwaludin dengan URL Google+ kamu.

Referensi
No comments
No comments

Post a Comment