Cara Membuat Widget Profil Google+ Keren Di Blog

Selamat datang agan atau aganwati kali ini Saya akan berbagi tips dan trik blogging yaitu cara membuat widget profil Google+ keren di blog, langsung saja silakan ikuti beberapa langkah di bawah ini;

Langkah

1. Login pada blog Anda masing-masing,

2. Pada menu dashboard pilih menu template,

3. Pilih menu edit html,

4. Cari kode ]]></b:skin> dengan cara

Ctrl

+

F

,

5. Copy script di bawah ini,

 .googlebox{
    width:280px;
    background:#333;
    margin:0 auto;
    padding:10px 0 10px 20px;
    border-bottom:1px solid #1e1e1e;
}
.google{
    margin-top:5px;
}
.people{
    float:left;
    margin-top:3px;
    font-weight:bold;
    color:#fff;
}
.googlewidget{
    margin-left:120px;
} 

6. Paste script yang sudah dicopy tadi tepat di atas kode ]]></b:skin>,

7. Lalu simpan,

8. Kembali pada menu dashboard, pilih menu tata letak,

9. Tambahkan gadget,

10. Pilih menu html / javascript,

11. Copy script di bawah ini,

 <center><style> .googlefaceblogevolutions { width: 300px; height: 105px; margin:0; position: relative; border-right:1px solid #ccc } </style> <div class="googlefaceblogevolutions"> <div style="height:155px;overflow:hidden"> <div class="g-person" data-href="//plus.google.com/113399816614878257205" data-theme="light" 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></center>


<center><div class="googlebox">
   <div class="google">
    <span class="people">Renaldy Ramadani on</span><div class="googlewidget"><div class="g-follow" data-annotation="bubble" data-height="24" data-href="https://plus.google.com/u/0/113399816614878257205" data-rel="author"></div></div>
    </div>
    </div></center> 

Keterangan

- Kode Renaldy Ramadani diganti dengan nama Anda,
- Kode https://plus.google.com/u/0/113399816614878257205 diganti dengan alamat google+ Anda.


12. Paste script yang sudah dicopy ke dalam kolom html / javascript,

13. Simpan dan lihat hasilnya.

Nah itu saja dari Saya semoga bermanfaat jangan lupa bagikan dan tinggalkan komentar, terima kasih.

Share this