Pasang Google Friend Connect Pada Blogspot

By Unknown

Thursday, March 27, 2014

Google Friend Connect adalah salahsatu widget blogger yang berfungsi untuk berteman sesama blogger dan saling berbagi post. Widget ini hampir sama dengan Blogspot Subcriber Widget namun sedikit lebih user friendly karena memungkinkan setiap user maupun pengikut saling berinteraksi.

Kelemahan dari widget ini adalah: loading blog menjadi sedikit lambat karena widget ini menjalankan javascriptnya sendiri dan memuat gambar-gambar blogger profil yang ada didalam daftar teman pada blog.

Agar loading blog menjadi lebih cepat, sebaiknya widget GFC ini diletakkan pada sebuah halaman khusus, baik halaman single post maupun halaman static post.

Cara memasang widget Google Friend Connect pada single post

1. Buatlah sebuah halaman single post/ static post
2. Berilah title pada halaman tersebut; contoh: Follower Page
3. Pilih HTML Editor
4. Copy script berikut ini:

<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript"></script>
<br />
<div id="friend-connect" style="border: 1px solid #cccccc; width: 100%;"></div>
<script type="text/javascript">
var skin = {}; skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = '#e0ecff';
skin['ENDCAP_TEXT_COLOR'] = '#333333';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#ffffff';
skin['CONTENT_BG_COLOR'] = '#ffffff';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#333333';
skin['NUMBER_ROWS'] = '4';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget( { id: 'friend-connect', site: '9185008735754037625' }, skin);
</script>

note: gantilah blog id site-id yang berwarna merah dengan blog-id site-id blog kamu :-)

Maka hasilnya akan menjadi seperti:

Share :

Facebook Twitter Google+