Googe Friend Connect merupakan pesaing tegar Facebook Connect walaupun ianya lebih social.
Nampaknya Google Friend Connect sudah stabil dengan kedudukannya sebagai widget social terutama sekali untuk pengguna Blogspot dan Wordpress. Dah berapa kali aku nak buat rebiu pasal Google Friend Connect tapi terpaksa diolah kembali.
Kalau tak tahu widget Google Friend Connect terutama sekali social gadget dan social bar sangat-sangat membantu meningkatkan pembaca blog kamu. Sebab itu blog aku memiliki 824 subscriber dari Google Feedburner yang banyak berkait rapat dengan 523 follower dari Google Friend Connect .
Apa yang aku perasan social bar lebih banyak digunakan oleh pengguna Wordpress manakala soial gadget lebih banyak digunakan oleh pengguna Blogspot. Ini mungkin kerana social bar sudah ada plugin untuk Wordpress manakala social gadget memang merupakan widget tetap Blogspot.
Memasang Google Friend Connect Social Bar
01. Masuk Google Friend Connect dan login.
02. Pada sidebar kiri ada senarai blog. Jika kamu ada lebih dari 1 blog sila pilih yang berkenaan kerana ia berbeza nombor id dan sitenya berbeza.
03. Ubah Option.
Pada bahagian social bar position, kamu boleh pilih untuk meletakkan pada kedudukan atas atau bawah. Pilih Top untuk kedudukan atas manakala bottom untuk bahagian bawah. Untick pada comment gadget jika kamu tak nak.
Pada bahagian comment apply to, kamu pilih saja Entire Site. Page dan Id hanya untuk comment gadget.
04. Create the Html > Generate code.
05. Layout > Edit Html.
06. Cari kod ini.
Untuk kedudukan social bar top, paste kod selepas kod ini.
<body>
Untuk kedudukan social bar bottom, paste kod sebelum kod ini.
</body>
08. Pilih Save.
Tak boleh nak restail ke Google Friend Connect?
<!-- Include the Google Friend Connect javascript library. -->
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-8269805878697010573"></div>
<!-- Render the gadget into a 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['POSITION'] = 'top';
skin['DEFAULT_COMMENT_TEXT'] = '- add your comment here -';
skin['HEADER_TEXT'] = 'Comments';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderSocialBar(
{ id: 'div-8269805878697010573',
site: '09800224907951893841',
'view-params':{"scope":"SITE","features":"video,comment","showWall":"true"}
},
skin);
</script>
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-8269805878697010573"></div>
<!-- Render the gadget into a 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['POSITION'] = 'top';
skin['DEFAULT_COMMENT_TEXT'] = '- add your comment here -';
skin['HEADER_TEXT'] = 'Comments';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderSocialBar(
{ id: 'div-8269805878697010573',
site: '09800224907951893841',
'view-params':{"scope":"SITE","features":"video,comment","showWall":"true"}
},
skin);
</script>
Kod kuning boleh distailkan warnanya mengikut kehendak masing-masing. Kamu boleh juga menggunakan kod ini terus tapi harus digantikan dengan id dan site blog kamu. Sebaiknya copy kod dari web Google Friend Connect , kod ini hanya untuk tujuan permahaman saja.
Walaubagaimanapun hanya follower dari pengguna Blogspot saja yang boleh menikmati kemudahan ini kerana ia boleh dibaca melalui dashboard Blogspot, tetapi bagi follower dari pengguna Wordpress kamu perlu bersusah payah membuka Google Reader untuk membacanya.
eden dah pasang. Yeah! Tapi dekat blog yg lain. :D
ReplyDeletethanks yek juki...
ReplyDeletenanti daus cuba!!!
wahaha..thanks...
ReplyDeletekalo ada masa nanti boleh cube...
aku dah pasang dah aritu...tp aku dah tukar template...aku buang terus...hehe..mcm ko...aku pun dah tak nampak...hehe
ReplyDeleteThanx.
ReplyDeleteDulu pernah pasang, tapi dah buang pasal orang jarang guna.
ReplyDeleteterime kasih bro tutorial ni.. tp mne ko punye bar? dh buang ke?
ReplyDeletegoogle friend connect utk wordpress naik ke subsriber?aku rasa mcm tak naik je :P
ReplyDeleteTq. Aku belum pasang lagi. Lepas ni kot ;) Masih MyBlogLog lagi. Dah ketinggalan zaman.
ReplyDeletecam ok jer..nnti cube lh...thnks..
ReplyDeletewah, bagus jugak ni. nak pasang satu gak lah :)
ReplyDeleteTips menarik, terima kasih kerana berkongsi dengan semua!
ReplyDeleteok bro..settle..dah psng..tq bebyk...
ReplyDeletebest banyak tutorial menarik sahabat
ReplyDeletecheck out my blog too ok
www.print-ur-life.blogspot.com
thnkx. dh cuba dh^^
ReplyDeletesaya kira Google Friend Connect Social Bar tidak bisa dipasang pada Blogger..
ReplyDeletenice post :)
thanks ye bro..
ReplyDeletewidget ni byk membantu blog http://malaya-mp3.blogspot.com
ReplyDelete