Tips, Trick dan Cara Membuat Custom Widget Google Plus Follower di Blog

Untuk membuat custom widget google plus follower di blog dengan kode HTML sendiri contohnya seperti Custom Widget Google Plus Follower yang...

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 tutorial.inwepo.com

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 :)

sumber: inwepo