Kamis, 11 Desember 2014

Cara Membuat Google Friend Connect di Blog

Baca Juga :


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
Previous Post
Next Post

post written by:

  • 0 Comment
  • Comment

Leave your comment

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