Cara Memasang dan Memodifikasi GOOGLE PLUS pada Sidebar Blog

Posting Komentar

Untuk memasang widget  Google Plus dengan modifikasi yang simple supaya tampilan lama dari widget Google+ yang sudah terpasang di blog anda terlihat lebih menarik bisa dilakukan dengan cara yang mudah. Dengan menambahkan sedikit custom style CSS maka widget Google+ pun siap terpasang dan mempercantik widget pada sidebar Blog.
Berikut cara untuk memasang dan memodifikasi Google Plus :
==================================================================
1. Login ke akun blogger.
2. Copy kode berikut dan pasang ke dalam Widget dengan mengklik Tata Letak > Tambah Widget > HTML/Javascript lalu paste kode tersebut kemudian klik Simpan.
<style>
.googlefaceblogevolutions {
width: 280px;
height: 105px;
border-radius:3px;
position: relative;
background: #a81826;
padding: 10px;
}
.googlefaceblogevolutions,.googlefaceblogevolutions:before,.googlefaceblogevolutions:after {
background: #e2e0de;
border: 1px solid #17a283;
}
.googlefaceblogevolutions:before,.googlefaceblogevolutions:after {
position: absolute;
content: "";
bottom: -3px;
left: 2px;
right: 2px;
height: 1px;
border-top: none;
}
.googlefaceblogevolutions:after {
left: 4px;
right: 4px;
bottom: -5px;
box-shadow: 0 0 2px #b70b14;
}
</style>
<div class="googlefaceblogevolutions">
<div style="height:155px;overflow:hidden">
<div class="g-person" data-action="followers" data-height="300" data-href="//plus.google.com/115258683970018737718" data-theme="dark" 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>
Note :
Untuk tinggi lebar dan warna silahkan anda sesuaikan sendiri dengan yang di inginkan.
Ubah 115258683970018737718 dan ganti dengan ID Google+ anda

3. Setelah disimpan lihat hasilnya sama seperti pada gambar di atas dan lakukan pengeditan warna sesukamu sesuaikan dengan template Blogmu.

==================================================================
Cara yang lain untuk memasang widget blog adalah :
1.  Masuk ke akun Blogger
2.  Klik Tata Letak > Tambah Widget > Pengikut Google+
3.  Simpan dan lihat hasilnya
cara ini adalah cara default yang disediakan oleh Blogger.

Preview di samping adalah tampilannya.

Semoga postingan ini bermanfaat buat Muda Mudi Indonesia.
Terimakasih. 

Related Posts

Posting Komentar