Adding Google Friend Connect for Weebly sites!
I have done so many research but did not find out how in one. So what I did, I put some info together and make an experiment. The reason why I make my own experiment is because if you ask the Weebly Help Center, its written they have not integrated the google Friend Connect yet.
Step 1:
Sign in Google Friendconnect using your google account and password. If you have no google account yet, you can get it here: Google Sign Up.
You should now found a link ADD NEW SITE. Click it! Below the form Tell us about your website and input what is being asked. Click CONTINUE.
Step 2: Creating Members Gadget
Step 1:
Sign in Google Friendconnect using your google account and password. If you have no google account yet, you can get it here: Google Sign Up.
You should now found a link ADD NEW SITE. Click it! Below the form Tell us about your website and input what is being asked. Click CONTINUE.
Step 2: Creating Members Gadget
After you configure your gadget, you will see just below this photo a button GENERATE CODE. After clicking that, you will now see the code. But that is not the final yet to be added in your weebly site.
Step 3: Go to your weebly site editor and drag and drop CUSTOM HTML to where you would like this gadget to appear. When you click this CUSTOM HTML element that is already on the page, a small box will pop up where you can see the EDIT HTML. Click it and the text of the CUSTOM HTML will be marked. Remove the default text.
Step 4: Copy the code but DO NOT include this <!-- Include the Google Friend Connect javascript library. --> Instead replace this to
<script>window.JSON = {
parse: function(st){
return st.evalJSON();
},
stringify: function(obj){
return Object.toJSON(obj);
}
};
</script>
and paste it in the CUSTOM HTML.
Now you will see like this snap below
Step 3: Go to your weebly site editor and drag and drop CUSTOM HTML to where you would like this gadget to appear. When you click this CUSTOM HTML element that is already on the page, a small box will pop up where you can see the EDIT HTML. Click it and the text of the CUSTOM HTML will be marked. Remove the default text.
Step 4: Copy the code but DO NOT include this <!-- Include the Google Friend Connect javascript library. --> Instead replace this to
<script>window.JSON = {
parse: function(st){
return st.evalJSON();
},
stringify: function(obj){
return Object.toJSON(obj);
}
};
</script>
and paste it in the CUSTOM HTML.
Now you will see like this snap below
Just ignore it and click PUBLISH. After successfully publishing it, you will see a pop up window telling your successfully publishing it together with the URL of your site. Click it and you should now see like this.
It means your successfully configuring it! Congratulations!
Take note: All Google friend connect gadgets use the code in Step 4.
Take note: All Google friend connect gadgets use the code in Step 4.
RSS Feed