Cara  Membuat Google Friend Connect di Blog

Cara Membuat Google Friend Connect di Blog

Cara Membuat Google Friend Connect di Blog


infoalya.com

Google Friend Connect (Google Jalinan Teman) adalah layanan dalam Online dari Google yang memungkinkan pengguna menambahkan konten dan aplikasi jejaring sosial ke situs mereka. Dengan menambahkan aplikasi ini ke situs, Pemilik situs bisa memfasilitasi pengunjung untuk masuk (login) ke akun mereka, baik yang menggunakan Google, Yahoo!, AIM, atau OpenID  (id.wikipedia.org).

untuk melihat contoh GFC milik blog ini, ada di pojok kiri bawah, nah...langkah untuk membuatnya simak dibawah ini.

setelah masuk di dashboard anda, perhatikan address bar disana ada deretan angka yang merupakan ID Blog (lihat gambar).

infoalya.com

Selanjutnya masuk tata letak/layout, add gadget, add HTML/JavaScript, copy dan paste kode dibawah ini dan letakkan di box HTML/JavaScript.

<style type="text/css">
#corner {
        position:fixed;
        left:10px;
        bottom:5px;
} 
#corner img {
        height:67px;
        width:100px;
        border:1px solid #888;
        padding:1px;
        background:#aaa;
        border-radius:5px;
       -moz-border-radius:5px;
       -webkit-border-radius:5px;
       -o-transition:all 1.2s ease-out;
       -moz-transition:all 1.2s ease-out;
       -webkit-transition:all 1.2s ease-out;
} 
#corner:hover img {
        z-index:99;
        background:#666666;
        border-color:#333333;
       -o-transform:rotate(360deg) scale(1.3) translate(25px,-30px);
       -moz-transform:rotate(360deg) scale(1.3) translate(25px,-30px);
       -webkit-transform:rotate(360deg) scale(1.3) translate(25px,-30px);
}

 </style>
<div id="corner">
<a href="https://www.blogger.com/follow-blog.g?blogID=ISI DENGAN ID BLOG" target="_blank" title="infoalya.com">
<img src="URL GAMBAR ANDA"/></a>
</div>


tulisan yang diseleksi warna biru ganti dengan ID Blog, warna kuning ganti dengan URL gambar anda, simpan jika selesai.

Special thank's :
Kang Adhy  : kompiajaib.com/2013/03/cara-membuat-blogger-followers-widget.html
Lozz Akbar : bengkelozz.blogspot.com/2013/07/cara-membuat-widget-floating-image.html

Share On:

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

0 Comment

Add Comment

[+] Silahkan tinggalkan komentar
[+] Berkomertarlah dengan santun
[+] Mohon tidak meninggalkan live link
[+] Terima kasih untuk komentar anda

https://infoalya.com

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - https://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Info Alya? Keep us running by whitelisting Info Alya in your ad blocker.

This is how to whitelisting Info Alya in your ad blocker.

Thank you!

×
×
×