Portal of all Blogger widget, Airtel USSD Codes, Facebook Hack, Free Internet Tips, PC and Blogger Tricks

Breaking

Friday 18 October 2013

Twitter Follow Button and FB Like Button

You Will say That what new in this.... You are Right, But we find it necessary to post, so that any one can make his own widget... and can customize Position Of Twitter Follow Me button and Facebook Like Button.
Now Next Is How To Use this, So Follow Following Easy Steps To add This widget.

1. Twitter and Fb Like Button Together

For This Copy Following Code And Paste It Where You Want This Widget.
Code:
<div width="300px">
<!-- Facebook --> 
<iframe style="width: 266px; height: 30px;padding-bottom:4px" src="http://www.facebook.com/plugins/like.php?href=https://www.facebook.com/allin1web&amp;send=false&amp;layout=standard&amp;width=200&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=100" scrolling="no" frameborder="0" style="border:none; overflow:hidden;"></iframe> </div> 
<!-- Twitter --> 
<iframe data-twttr-rendered="true" title="Twitter Follow Button" style="width: 266px; height: 20px; padding-bottom:4px" src="http://platform.twitter.com/widgets/follow_button.1362636220.html#_=1363005723766&amp;id=twitter-widget-1&amp;lang=en&amp;screen_name=allin1web&amp;show_count=true&amp;show_screen_name=true&amp;size=m" allowtransparency="true" frameborder="0" scrolling="no">
</iframe>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script>
</div>

2.FaceBook Like Button

For This Copy Following Code And Paste It Where You Want This Widget.
Code:
<!-- Facebook -->  <iframe style="width: 266px; height: 30px;padding-bottom:4px" src="http://www.facebook.com/plugins/like.php?href=https://www.facebook.com/allin1web&amp;send=false&amp;layout=standard&amp;width=200&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=100" scrolling="no" frameborder="0" style="border:none; overflow:hidden;"></iframe>

3.For Only Twitter Follow Button
For This Copy Following Code And Paste It Where You Want This Widget.
Code:
<!-- Twitter --> 
<iframe data-twttr-rendered="true" title="Twitter Follow Button" style="width: 266px; height: 20px; padding-bottom:4px"  src="http://platform.twitter.com/widgets/follow_button.1362636220.html#_=1363005723766&amp;id=twitter-widget-1&amp;lang=en&amp;screen_name=allin1web&amp;show_count=true&amp;show_screen_name=true&amp;size=m" allowtransparency="true" frameborder="0" scrolling="no">
</iframe>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script>

Customization:
  • Change Highlighted allin1Web with you Page User Name

No comments:

Post a Comment

Notice: Don't add "backlink". Text with Link will automatically Removed.