Kembali ke Portfolio renaldyrr.com

Cara Membuat Widget Profil Google+ Keren Di Blog

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.
tamat ✦
Bagikan
Catatan pinggir

Obrolan pembaca 4

Punya pengalaman serupa, pertanyaan, atau koreksi? Tulis di pinggir halaman ini. Setiap catatan dibaca langsung oleh penulis.

Bingung mau mulai dari mana? Ketuk salah satu, lalu tempel di kolom komentar:

Comments

Post a Comment

  • Sopan & saling menghargai
  • Tanpa link promosi atau spam
  • Komentar yang melanggar akan dihapus

Cari tulisan

Pantau tulisan baru

Paspor Pembacaku

Setiap kali kamu membaca sebuah tulisan sampai tanda tamat ✦, topiknya mendapat stempel. Kumpulkan semuanya untuk menjadi Penjelajah Arsip.

Data paspor disimpan di browser-mu sendiri, tidak dikirim ke mana pun.