Untuk membuat custom widget google plus follower di blog dengan kode HTML sendiri contohnya seperti Custom Widget Google Plus Follower yang digunakan di menu widget
Berikut langkahnya:
1. Masuk ke akun blogger.
2. Pilih menu Tata Letak --> Tambahkan Gadget --> HTML/JavaScript.
3. Salin kode di bawah ini
<style>
.googlefaceblogevolutions {
width: 280px;
height: 160px;
border-radius: 3px;
position: relative;
background: #00000;
padding: 10px;
}
.googlefaceblogevolutions,.googlefaceblogevolutions:before,.googlefaceblogevolutions:after {
background: #00000;
border: 1px solid #D580FE;
}
.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 #00ff00;
}
</style>
<div class="googlefaceblogevolutions">
<div style="height:155px;overflow:hidden">
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/+inwepo" data-source="blogger:blog:followers" data-width="300">
</div>
<script type="text/javascript">
(function() {
window.___gcfg = {'lang': 'en'};
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>
4. Cari dan ubah kode url google plus https://plus.google.com/+inwepo di atas dengan punya kamu.
5. Simpan dan selesai. Selamat mencoba :)
Title : Cara Membuat Custom Widget Google Plus Follower di Blog
Description : Untuk membuat custom widget google plus follower di blog dengan kode HTML sendiri contohnya seperti Custom Widget Google Plus Follower yang ...