Google+ Profile Bebas di Edit |
Google+ Profile sama seperti yang saya share kemarin yaitu widget Author Profile Box, tapi yang lebih beda dari widget Google+ Profile ini adalah termasuk salah satu social network yang menguntungkan bagi blogspot, iya karena Google+ ini adalah social network dari Google dan apapun yang terdapat di blog kita, kita bisa share di social network tersebut bahkan secara automatis bisa ter-share sendiri dan jika ada yang mengunjungi blog kita dari social network tersebut sumbernya juga asli dari Google karena ini social network yang khusus di buat oleh Google.
Berbeda dengan Facebook dan social network lainnya, jika kita mempromosikan blog kita di social network tersebut sumbernya bukan dari Google tapi dari social network yang kita buat untuk promosi blog kita itu yang akan tercantum.
Kali ini kita akan membahas Cara Pasang Google+ Profile Yang Bisa di Edit, karena biasanya widget bawaan dari blogspot ini tidak bisa di edit secara bebas.
Widget ini sudah saya modifikasi sedikit, kalau sobat ingin mengeditnya lagi juga bisa, langsung saja ke tutorialnya sebagai berikut:
1). Pergi ke Blogger Dashboard > Layout > Add New Gadget > Tambah gadget HTML/Javasript.
2). Setelah itu copy kode di bawah ini dan salin di box gadget HTML/Javasript tadi.
<script type="text/javascript"src="https://apis.google.com/js/plusone.js"></script><g:plusone></g:plusone>a). Ganti tulisan yang berwarna merah dengan URL Google+ Profile sobat sendiri.
<style>
.googlefaceblogevolutions {
width: 251px;
height: 105px;
border-radius: 0px;
position: relative;
background: #ffffff;
padding: 0px;
}
.googlefaceblogevolutions,.googlefaceblogevolutions:before,.googlefaceblogevolutions:after {
background: #ffffff;
border: 1px solid #ffffff;
}
.googlefaceblogevolutions:before,.googlefaceblogevolutions:after {
position: absolute;
content: "";
bottom: 0px;
left: 0px;
right: 0px;
height: 0px;
order-top: 0px;
}
.googlefaceblogevolutions:after {
left: 0px;
right: 0px;
bottom: 0px;
box-shadow: 1 0 0px #ffffff;
}
</style>
<div class="googlefaceblogevolutions">
<div style="height:170px;overflow:hidden">
<div class="g-person" data-href="https://plus.google.com/104652052552660773078" 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>
3). Setelah sobat edit point di atas lalu save, dan drag untuk menempatkan ke tempat yang sobat inginkan.
Semoga tutorial dari Kang Fandi kali ini dapat bermanfaat bagi Sahabat Blogger, Terimaksih...
Terima kasih telah membaca artikel Cara Pasang Google+ Profile Yang Dapat di Edit . Jika Anda ingin copy-paste / menyalin sebagian ataupun keseluruhan dari artikel ini, harap anda mencantumkan link berikut Cara Pasang Google+ Profile Yang Dapat di Edit sebagai sumbernya atau anda bisa copy permalink dibawah ini.
0 comments "Cara Pasang Google+ Profile Yang Dapat di Edit", Baca atau Masukkan Komentar
Post a Comment