Wednesday, May 21, 2014

New Twitter Followers/Fanbox Widget with Faces for Blog and Website

First of all one this to mention that it is not an official widget by Twitter Inc, This is created by MusicPaax (A Third Party). So When some one use this to follow you account, then he have to first accept this Twitter Apps.This Twitter Fan Box ca easily be edited by there online dashboard. This encourages people to follow you, since their Twitter profile will be featured in your Fan Box. In Twitter Follow Box Static Widget, There are plenty of options available to customize the Twitter follow box  widget to match your site design.This  is a simple but powerful jQuery plugin to add a Facebook like-box style widget for Twitter. It You Want To Just Add Static, Stylish, Simple And Awesome Twitter Follow Box In Blog And Website.

If you have a twitter account then it is the best simple widget for your blog and website to get more followers via your site so put this on your blog/website now and get more followers.This will increase your follower count with your real fans or friends.

If You Want To Add Static, Stylish, Simple And Awesome Twitter Follow Box With Smooth Jquery And Beautiful POP Out Hover Effect On Mouse In Blog And Website. Just Click Here Twitter Follow Box J-Query Widget. There Is Also A New Widget Available For This Twitter Followers Box That Is A OnLoad POPUP With Pure CSS, No JQuery Or JavaScript That Will Increase Your Followers Too With Awesome Style, Don't Forget To View That Also.

Features:

1.) Simple Follow Box Like Facebook.
2.) With Followers Profile Pics.
3.) Follow Me Button.
4.) Quick To Load With Awesome Look.
5.) 2 Style Code With IFrame And JavaScript.
6.) Fully Customizable.
7.) Open Source.
8.) Short And Understandable Code.
9.) You Can Add Extra CSS Also.
10.) Cross Browser Working.

How To Get Your Code?

If you will try to use the gived code directly then you will ot able to see yourprofile in the widget and instead of this you can only see default owner profile. So first allow this twitter apps to allow your twitter account to see your followers faces in public. Dont worry, your account will be secure.

1.) First Open This Site (Twitter FanBox).
2.) Now The Below Page Will Open, Here Click On "Generate Code" Button.

3.) Now You Will Be Redired To Twitter Apps Page, So Here Login To Your Account By Clicking "Sign In" Button.
4.) Enter Your UserName/Password Then You Will Be Forwarded.
5.) Now For Few Sec, You Will See This Page As Shown In The Below ScreenShoot. Wait And Mover On Next Step...
6.) Here You Will Be On Twitter FanBox Main DashBoard Page, You Can Fill This Form And Generate Your Code. Garb The javaScript Code Aand Mover Forward And Read The Below Tuotorial About How To Add It Anywhere.
Note: This Code Will Be In JavaScript, If It Is Conflicting With Your Existing JavaScript Code Then You Can Try There IFrame Code That Is Not Public But You Can Get Here From Below. Do All The Above Steps And Leave The Last Step (4th ScreenShoot) And Garb Our IFrame Code And Change It With Your Data. Below JavaSvript Code Is The Original One That You Can Also Get From There DashBoard.

How To Add In Blogspot?

1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To "Layout".
4.) Click "Add A Gadget" Where You Want To Add It.
5.) Now Scroll To "HTML-JAVASCRIPT"
6.) Click "+" Icon To Add It.
7.) Now Copy The Below Code And Paste It To There.
8.) Leave The Title Empty.
9.) Click Save, Now You Are Done.

How To Add In Website?

1.) Just Go To Your HTML File.
2.) Now Copy The Below Code And Paste It Between <body> </body>.
3.) Save It, Now You Are Done. 

Frame Code:

This Is A Frame Box Of Twitter Followers Box. Follow The Above Steps Then Use It.
<iframe src="http://68.178.129.132/twitter/twitter.html?user=EXEIdeas&no=10&h=260&t=light" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:260px;" allowTransparency="true"></iframe>
 

JavaScript Code:

This Is A Inbuilt JavaScript Code Of Twitter Followers Box. Follow The Above Steps Then Use It.
<div id="twitter-box"></div>
<script>
var tw_user = 'EXEIdeas';
var tw_width = 290;
var tw_height = 260;
var no_face = 10;
(function() {
var tw_box = document.createElement('script'); tw_box.type = 'text/javascript'; tw_box.async = true;
tw_box.src = '//68.178.129.132/twitter/tw.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(tw_box);
})();
</script>
 

Customization:

1.) Change EXEIdeas With Your Twitter Username.
2.) Change Width, Height, No Of Followers And Color According To Your Desire.
3.) You Can Add More CSS In First Type Code Easily Is Style.
4.) Save And Done.

About Dilips Techno Blog

A Daily Blog for Latest Reviews on Technology | Gadgets | Mobile | Laptop | Software and Hardware Reviews | Social Media | Games | Hacking and security | Tips and Tricks | Many more....


Dilips Techno Blog

Dilips Techno Blog
Logo