How to create a facebook profile with facebook follow button for blogger blogspot simply and easy. (beta)
- First simply edit your picture (adobe or microsoft power point) after finish edit your photo "selet all" right click and save your photo as "PNG".
- Now let's try to create a widget with "HTML" login to your blogger dash board. Go to "LAYOUT" click the "ADD A GADGET" and select "HTML/JAVASCRIPT" and add the code below. This code is your Facebook Profile Photo link.
<a href="http://facebook.com/gsmONEadmin" target="_blank">
<img src="http://img690.imageshack.us/img690/2191/vkuw.png" border="2"
style="border:none;max-width:100%;" alt="patrick gino" />
- Replace the yellow highlight at your facebook url.
- To Convert your Photo facebook profile goto this page http://imageshack.com and login or register for free. after login click the upload button and resize the photo what ever size you want.
- Copy the direct link and replace the yellow highlight in the script above.
- Now copy and add the code below at the end of your facebook profile photo link code for your facebook follow button.
- Replace the red highlight at your facebook "APPID" and your facebook "URL".
- Now check your created code "click here" copy all the code and paste to see the effects.
</a><div id="fb-root"></div>And its done! Now you have a Facebook Profile widget...
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=266343953495928";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-follow" data-href="http://www.facebook.com/gsmONEadmin" data-colorscheme="light" data-layout="box_count" data-show-faces="true"></div>
PS.
To Center your Widget add this code <center> at the front of your script and </center> at the end of your script
Gusto mo bang kumita gamit ang internet?
watch this video presentation para sa konting guide.
The
above tip is brought to you by Patrick Gino, who enjoys helping people to make extra income through the help of the internet. For more info, please
click here http://www.viloria.net/swa-pinoy/swa-tmv2.shtml?patrickgino
No comments:
Post a Comment