Cara Membuat Google Friend Connect di Blog

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

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