CSS

Wednesday, March 7, 2012

Facebook on your Blog (simple1)

Silahkan baca untuk cara Masang Script di Postingan Blog? kalo belom.

Main Script

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_GB/all.js#xfbml=1&appId=312289072134118" async=true type="text/javascript"></script>

Add to Timeline

<fb:add-to-timeline show-faces="true" mode="button"></fb:add-to-timeline>

Login Button

<fb:login-button show-faces="true" width="485" max-rows="1" scope="read_stream,publish_stream,publish_actions"></fb:login-button>

Profile Name

<fb:name uid="loggedinuser" useyou="false" linked="false"></fb:name>

Profile Picture

<fb:profile-pic uid="loggedinuser" size="normal"></fb:profile-pic>

Recommendations Bar

<script type="text/javascript">
document.write('<fb:recommendations-bar href="'+window.location.href.split('?')[0].split('#')[0]+'" site="'+window.location.hostname+'" trigger="onvisible" read_time="30" action="like" side="right" num_recommendations="2"></fb:recommendations-bar>');
</script>

Activity

<fb:activity site="aing-creations.blogspot.com" app_id="312289072134118" width="300" height="300" header="false" linktarget="_top" border_color="white" font="arial" recommendations="true"></fb:activity>

Comments Box

<fb:comments href="http://aing-creations.blogspot.com/" width="485" colorscheme="light" num_posts="2"></fb:comments>

Comments Count

awesome comments
<fb:comments-count href="http://aing-creations.blogspot.com/"></fb:comments-count> awesome comments

Like Button

<fb:like href="http://aing-creations.blogspot.com/" send="true" layout="standard" show_faces="true" width="485" action="like" font="tahoma" colorscheme="light"></fb:like>

Subscribe Button

<fb:subscribe href="http://www.facebook.com/irland.tea" layout="standard" show_faces="true" colorscheme="light" font="tahoma" width="485"></fb:subscribe>

Like Box

<fb:like-box href="http://www.facebook.com/AingCreations.Blog" show_faces="true" colorscheme="light" stream="true" header="false" border_color="white" width="485"></fb:like-box>

No comments:

Post a Comment