Cara Membuat Custom Widget Google Plus Follower di Blog

Kali ini saya akan memberikan tutorial untuk membuat custom widget google plus follower di blog dengan kode HTML.

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/boomskin" 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. Ubah kode url google plus https://plus.google.com/boomskin di atas dengan punya kamu.

5. Simpan