Cara Membuat Widget Profil Google+ Keren Di Blog

12:13:00
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

I'm CEO & Founder in http://caritema.com & http://renaldyways.blogspot.com/


Artikel Menarik Lainnya

Next Article
Next Post
Previous Article
Previous Post
Cara style text di komentar Disqus dan Blogger:
  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.
  • Untuk menggunakan emoji di bawah ini cukup copy kode tersebut dan beri jarak 1 spasi untuk menampilkan emoji pada kolom komentar Blogger.
Parser Kode
FAQ
Emotikon

Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

4 Comments

fadhilakbarblogger 6 March 2015 at 17:02

keren gan :lanjutkan

Renaldy Ramadani 6 March 2015 at 19:25

:shakehand sip

Musmulyadi 3 July 2015 at 14:31

thanks gtan saya pasang di imuelputra.blogspot.com

Renaldy Ramadani 3 July 2015 at 16:47

sama-sama gan :samasama