Cara Membuat Google Friend Connect di Blog

- December 11, 2014


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  : http://www.kompiajaib.com/2013/03/cara-membuat-blogger-followers-widget.html
Lozz Akbar : http://bengkelozz.blogspot.com/2013/07/cara-membuat-widget-floating-image.html

Share this with short URL:
Blogger
Disqus
Tinggalkan Komentar

No comments

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

 

ketik dan enter untuk mencari