Saturday, November 2, 2013

New Blogger Widget (Facebook Profile with facebook Follow botton)


Hi! Blogger are you looking for facebook profile widget for blogger?
here's my own version of facebook profile widget for blogspot.com simply and easy to create.



http://swanews-ph.blogspot.com


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>
<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>
And its done! Now you have a Facebook Profile widget...

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
 
http://patrickgino.swaultimate.com

No comments:

Post a Comment