Blogger code 3 : sidebar

Go to "Design->Edit HTML

backup of your template 

Search for

<body>

put in the blow body

copy this script

 (rename in the bold Text with your and  change the symbol # = with you link url ), 

<script  type="text/javascript"></script>

<style>
body{
    font-size:75%;
}
a{
    outline: none;
}
a:active{
    outline: none;
}
#sideBar{
text-align:left;
}
#sideBar h2{
    color:#FFFFFF;
    font-size:110%;
    font-family:arial;
    margin:10px 10px 10px 10px;
    font-weight:bold !important;
}
#sideBar h2 span{
    font-size:125%;
    font-weight:normal !important;
}
#sideBar ul{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
#sideBar li{
    margin:0px 10px 3px 10px;
    padding:2px;
    list-style-type:none;
    display:block;
    background-color:#DA1074;
    width:177px;
    color:#FFFFFF;
}
#sideBar li a{
    width:100%;
}
#sideBar li a:link,
#sideBar li a:visited{
    color:#FFFFFF;
    font-family:verdana;
    font-size:100%;
    text-decoration:none;
    display:block;
    margin:0px 0px 0px 0px;
    padding:0px;
    width:100%;
}
#sideBar li a:hover{
    color:#FFFFFF;
    text-decoration:underline;
}
#sideBar{
    position: fixed;
    width: auto;
    height: auto;
    top: 140px;
    left:0px;
    background-image:url(http://your image location in format:.jpg:jpeg:png);
    background-position:top right;
    background-repeat:repeat-y;
}
#sideBarTab{
    float:left;
    height:137px;
    width:28px;
}
#sideBarTab img{
    border:0px solid #FFFFFF;
}
#sideBarContents{
    float:left;
    overflow:hidden !important;
    width:200px;
    height:320px;
}
#sideBarContentsInner{
    width:200px;
}</style>
<div id="sideBar">
        <div id="sideBarContents" style="display:none;">
        <div id="sideBarContentsInner">
            <h2><div style="text-align: justify;"><span style="font-family:Arial;">Useful Links</span>
</div></h2>
                    <ul>
                <li><a href="#">Put Your Link here 1</a></li>
                <li><a href="#">Put Your Link here 2</a></li>
                <li><a href="#">Put Your Link here 3</a></li>
                <li><a href="#">Put Your Link here 4</a></li>
                  </ul>
                </div> </div>
    <a id="sideBarTab" href="#"><img alt="sideBar" src="http://where your pic store" title="sideBar"/></a>
</div>

Save your template and view your blog
...............................just it

notes if you need converter(to PHP,ASP,JS,SP,Perl  you cam see our page Zoopy, or see in th top of this blog.. Zoopy..developer..etc

<<<Code 2 | Code4>>>

Blogger code 2 : Thumbs up

Compare this with : Blogger code 9 : thumbs up~2

Go To Blogger > Design > Edit HTML

Back up your template ,always beack . if there is any trouble you can upload the back up

Click the box "Expand Widget Templates"

Search for

<data:post.body/> 

 Just above it paste the code below:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title' view='score'>
</div>
</b:if>

The widget will display only at post pages

Now search for

<body>  or another related dont confuse with body of the head

Just above it paste the following code:

<script src="http://js-kit.com/ratings.js"></script> 

Save your template

notes if you need converter(to PHP,ASP,JS,SP,Perl  you cam see our page Zoopy, or see in th top of this blog.. Zoopy..developer..etc

<<<Code 1  | Code 3>>>

if the continues link like code3>>> or  page 4>>> in this blog blank it' means that we will continues in other day

Blogger code 1: sticky bar

Go To Blogger > Design > Edit HTML

Backup your template

Search for this,

 ]]></b:skin>

Just above it paste the CSS code below

#fry-stickybar{
background:#0080ff url('http://your image link background for sidebar.png') repeat-x;
width:100%;
margin:0 auto;
text-align:center;
padding:0px 0;
border-bottom: 1px solid #888888;
  -moz-box-shadow: #666666 0px 1px 3px;
  -webkit-box-shadow: #666666 0px 1px 3px;
  box-shadow: #666666 0px 1px 3px;
  z-index: 999;
height: 28px; position:fixed;
line-height: 1.85em;
vertical-align: baseline;
letter-spacing: 1px;
}
#fry-stickybar a{
text-decoration:none;
color:#fff;
font-size:13px;
font-weight:bold;
font-family: arial,"Helvetica",sans-serif;
line-height: 24px;
}
#fry-stickybar a:hover{
text-decoration:underline;
}
#fry-stickybar p {margin:0; list-style:none;}
#fry-stickybar img {vertical-align: middle;
      margin-right: 6px;}

To change the background colour : #0080ff  Use our Color code generator.

Next search for this code

<body> or  related code, dont fill in the body of head there are different path 

Just below it paste the following code, which you you choice only text or image

FOR TEXT ONLY

<div id='fry-stickybar'>

<a href='#'>ADD TEXT HERE</a>

</div>

FOR IMAGE

<div id='fry-stickybar'>

<img src='IMAGE LINK'/><a href='#'>ADD TEXT HERE</a>

</div>

....................................Only that..........

# change with your Url link,or blog link

ADD TEXT HERE rename it

IMAGE LINK where is your image link

notes if you need converter(to PHP,ASP,JS,SP,Perl  you cam see our page Zoopy, or see in th top of this blog.. Zoopy..developer..etc

Home | Code 2 >>>

 

Widget box
Do you like to make a widget
this is one website who can fulfill what you need
it is easy to use
Try this one , and make your own widget
There is many tools to make widget both in blogger,google, wordpres
but it is need several step for application

Widget in blog

what is widget in blog, 

In computer programming, a widget (or control) is an element of a graphical user interface (GUI) that displays an information arrangement changeable by the user, such as a window or a text box. The defining characteristic of a widget is to provide a single interaction point for the direct manipulation of a given kind of data. In other words, widgets are basic visual building blocks which, combined in an application, hold all the data processed by the application and the available interactions on this data.

A widget may have the following attributes:

• id - (Required) May contain letters and numbers only, and each widget ID in your template should be unique. A widget's ID cannot be changed without deleting the widget and creating a new one.
• type - (Required) Indicates what kind of a widget it is, and should be one of the valid widget types listed below.
• locked - (Optional) Can be 'yes' or 'no,' with 'no' as the default. A locked widget cannot be moved or deleted from the Page Elements tab.
• title - (Optional) A display title for the widget. If none is specified, a default title such as 'List1' will be used.
• pageType - (Optional) Can be 'all,' 'archive,' 'main,' or 'item,' with 'all' as the default. The widget will display only on the designated pages of your blog. (All widgets display on the Page Elements tab, regardless of thier pageType.)
• mobile - (Optional) Can be 'yes', 'no,' or ‘only’ with 'default' as the default. This decides if the widget will be displayed on mobile or not. Only Header, Blog, Profile, PageList, AdSense, Attribution will be displayed on mobile when the mobile attribute is 'default.'

The types of widgets you can specify are:

• BlogArchive
• Blog
• Feed
• Header
• HTML
• SingleImage
• LinkList
• List
• Logo
• BlogProfile
• Navbar
• VideoBar
• NewsBar

Google chrome add ons

Download Add-ons for Google Chrome

Google Chrome is a web browser developed by Google using the WebKit rendering engine. Its own open-source project called Chromium.
Within Google Chrome there are additional features that we can put your own if you want to use it, the name of the feature is the Add-ons.
Definition of Add-ons itself is an additional tool that can add new features or improvements on your browser.
Here are a few add-ons that you can install on your Google Chrome browser.

Install Extensions in Google Chrome

Get Chrome Ready for Extensions

 Select “Properties”.

you will see the “Properties”
window with the “Shortcut” tab displayed. 

In the address area for “Target:enable-extensions” 
click “Apply”, then “OK”.

Now you are ready to go get those extensions!

Installing the Extensions

You will need to go to the Extensions home page to select and install the extension(s) that you want.

Choose the extension(s) that you want to use and click on “Install” for each one 

Once you have clicked “Install”, you will see the following message for each extension you have chosen.

Click “OK” to complete the installation.

Now to take a closer look at each extension in action.

Accessing Your New Extensions

type or paste “chrome://extensions/” into the address bar and hit “Enter”.

Here is what the extensions page looks like. 

To uninstall any of the extensions simply click on the “Uninstall” button.

Have fun with your new extensions for Chrome!

for blogger and ervery one as a n user in google chrome if you have any idea you can comment here, and share to another . please welcome

Increase Visitor step 3

Share 

You can make your widget to share your information to the many account that you have, below this the list you can make your own widget and share it, 

• you can pick one of them 
• generate the code 
• put in your blog

Here the list

dbachrach, put your user name in every list or no need all list you register , only you need
addthis,register after get the button html script copy and paste to your website/blog
Share,selesct blog type, select button modle, and generate .copy the html script in you blog

+1,google, fill the form and get copy the html code, put paste  in your blog 

for a blogger who want to added your share button or any good another buttons maker, we are welcome please.

<<<STEP 2| end

Social 6 :Facebook pluggins for the blog

Do you have make a blog  as a writer or may be your need facebook pluggins to share your information

facebook pluggins (open with click), is made by facebook to share your information in the facebook and linked it t o your blog.

There is 4 famous facebook login, and you can make it on, but you must remind that pluggins only can be made if your blog have a domain name (like www.mydomainname.com), click our link and read carefully and make your button.

• like button, click our link and make your button then put in your blog

• Activity feed,share your activity in facebook to your fans in blog

•  Recomendation Box, share your facebook information in to your blog

• Login with facebook button, every people  can connect to your blog with facebook login, so it's must easier way to connect you blog visitor

<<<Social 5  |  Social 7>>>

Google & microsoft Page translator

Widgets to Translate Your Website 

GOOGLE TRANSLATOR

Internet World Stats show that English web surfers represent less than 28% of the Internet population. In other words, if your blog or website is English-only, it is largely useless to 72% of Internet users. True, your readers can take the effort of using a translation service themselves, but wouldn’t it be friendlier to make it easy for them
Making your blog or website language-friendly is not at all difficult. In this article, Let’s see how to use the Google Translate Gadget and the Microsoft Translator Widget

Translate Your Website with Google Translate

Google Translate Gadget is powered by Google Translate Tools, and supports over 50 languages.

• Go to Google Translate Tools and choose the language of your website.
• If you wish, you can restrict which languages you want to support. It is best to use the default All languages option.
• Copy the code snippet shown on the page.
• In your WordPress Dashboard, paste the code in a Text Widget in your Appearance > Widgets section and add it to your sidebar.

example that site has been translate

Microsoft Translator Widget

The Microsoft Translator Widget supports over 20 languages. To use the Microsoft Translator Widget, follow these steps:

1. Go to the Microsoft Translator Widget page.
2. Enter your website or blog URL address and the language of your site or blog.
3. Choose the widget of the widget as you like. You can experiment back and forth if you need.
4. Choose a suitable color based on the theme of your blog.
5. Check the “I agree to the terms of use"box, click Generate code
6. Copy paste the code snippet in a Text Widget in your blog sidebar.

Now,your blog can be read in over 20 languages.

Which Widget Should You Use?

it is all depend on your necessary!, would you mind if you leave a comment to add this artcle review, and add some other information about the translation,thank you...

Social 5 :flying twitter bird

here step by step to add flying birds in you blog

1.Go To Blogger > Design > Edit HTML

2.Backup your template /Download your full template to avoid any errors

3.Search for <data:post.body/> and

4.Now,just paste the code below after the above code.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js">

</script>

<script type="text/javascript">

var twitterAccount = &quot;Name your twitter account&quot;;

var tweetThisText = &quot; <data:post.title/> ~ <data:post.Url/> &quot;;

tripleflapInit();

</script>

</b:if>

5. Replace Name your twitter account with your twitter account username.

6. Save your blogger template now!

Now ,you will see a twitter bird flying ...

If you have any problem installing this widget ,let me know via comments..

<<<Social 4 | Social 6>>>

Social 4:Facebook Fans page

A Facebook Page or  Fans Page

A free application that can help you promote your website, blog, business, brand, music album, books or anything you want.

So you can create fan page with this step-by-step process one needs to follow to create a Fan Page on Facebook:

Step 1.

Login into your Facebook account

Step 2.

After  logged into your Facebook account, click this link, open the fans page

Step 3.

There is 3 categories fans page

(a) Local business

(b) Brand, product or organization (c) Artist, band or public figure.

Enter Page Name:

your brand new fan page.for remember ir's not can be rename again  if you want another name ypu can make another

Step 4.

Click the checkbox against I’m the official representative of this person, business, band or product and have permission to create this Page.

And click Create Official Page Button available.

Designing your First Facebook Fan Page

Now it’s time to add some info into your fan page :

1. Add a Picture associated with your fan page.
2. Provide some basic information like Founded date, website, Company Overview, Mission and Products.
3. Make your fan page interesting my using various applications available on Facebook and regularly update your fan Page with new content.

Please share your thoughts in the comments section below if you face some difficulties or have something more to say on this subject. 

<<<Social 3  | social 5>>>

website value

Sometimes we always confuse how to estimate a website value, How about popularity, How about the link How about the other circumstances that make a blog or a webpages  can be valued.

May be you want to invest your money in a website like another m but you don't know how to estimated a value of the blog or website. or you want to buy and selling the website

Here our list to estimated a value of the website

First.( Domain and subdomain)

Domain

Website that can be estimated usually  registered in main domain , (such as com, net, org , tv, etc or in country list co.cn; web.id; dll) like:(as sample) www.Myname.com or www.Mypage.web.id

Subdomain

If you are registered as free blogger or free domain usually you have link like this "http://mypage.blogspot.com"  it's we called subdomain. that subdomain  can not be calcaluted because connected in the main domain as blogspot.com, so if you have this subdomain and you check your subdomain blog don't be  happy if the valur to high. Why? because maybe the result of calculation is about the main domain (blogspot.com rank) not yours

Second(Page rank)

In here we are only presented two tipe estimator which can use as the best pagerank estimator like google and alexa. YOu can choice another pagerank checker to make sure again, but in here we only talk about google and alexa

you can see your page rank in here

Check Page Rank of your Web site pages instantly:

This page rank checking tool is powered by Page Rank Checker service

Alexa pagerank (Alexa.com)

registered your site here and follow the instruction, so the page rank can tracking your website visitor, popularity etc. you cab choice free registered or paid registered as you necessary to use this pagerank

AlexaRank is calculated using the Alexa Toolbar. Alexa takes the browsing data from the millions of people using the Toolbar and calculates the traffic ranking of each site. As Alexa states, while low traffic sites are harder to gauge accurately, once a site reaches a 100,000 or less ranking the accuracy of the measure increases. Hence if you can top a 10,000 AlexaRank, or even 1000, the credibility of that ranking is increased.
and then
install an Alexa Site Widget on each of my blogs. The widget looks like this:

If you click it you will be taken to my current Alexa traffic ranking data. You can also find the live widget in the sidebar of all my blogs.

Google pagerank 

PageRank is a numeric value that represents how important a page is on the web. Google figures that when one page links to another page, it is effectively casting a vote for the other page. The more votes that are cast for a page, the more important the page must be. Also, the importance of the page that is casting the vote determines how important the vote itself is. Google calculates a page's importance from the votes cast for it. How important each vote is is taken into account when a page's PageRank is calculated.
PageRank is Google's way of deciding a page's importance. It matters because it is one of the factors that determines a page's ranking in the search results. It isn't the only factor that Google uses to rank pages, but it is an important one.
From here on in, we'll occasionally refer to PageRank as "PR".
PUT your google page rank here 



after that you can see like this

	<a href="http://www.prchecker.info/" title="Page Rank" target="_blank"> <img src="http://pr.prchecker.info/getpr.php?codex=aHR0cDovL3d3dy56b29weS50aw==&tag=1" alt="Page Rank" style="border:0;" /></a>
	<a href="http://www.prchecker.info/" title="Page Rank" target="_blank"> <img src="http://pr.prchecker.info/getpr.php?codex=aHR0cDovL3d3dy56b29weS50aw==&tag=2" alt="Page Rank" style="border:0;" /></a>
	<a href="http://www.prchecker.info/" title="Page Rank" target="_blank"> <img src="http://pr.prchecker.info/getpr.php?codex=aHR0cDovL3d3dy56b29weS50aw==&tag=3" alt="Page Rank" style="border:0;" /></a>

Copy the html code in th right side and paste to your web or blog html widget.
it is so easy and let the google or alexa calculated your web or blog value progress

wisget 2: all widget for your site

 www.zoopy.tk internet multimedia >>>find your widget here


MyBlogLog’s Recent Readers – this widget can easily be called a hit amongst blog owners; its popularity even managed to convince Yahoo into buying MyBlogLog. The widget lets you see the avatars of recent visitors to your blog, provided they’re also members of MyBlogLog. Mashable – get the latest social networking news from this very site.
Flickr Flash Photo Stream Badge – display images from your Flickr profile with a handy Flash photo stream.
Preview Anywhere – see a live preview of outgoing links in a small popup which activates on mouseover. Some find this annoying, while others might find it useful.
Twitter Badge – if your life is so interesting that everyone must know what you’re up to all the time, then a Twitter badge is the ideal counterpart to your blog. It’ll proudly displays your recent tweets.
Digg News – display the latest Digg links on your blog. Themeable and fully customizable.
FEEDJIT – real time traffic data directly in your blog’s sidebar.
LineBuzz – inline comments for your blog. Very handy for blogs with frequent lively discussions.
Flixn – display a stream directly from your webcam, so your blog visitors can always see what you’re up to.

3Jam – lets your visitors send messages to your mobile phone, without them knowing your phone number.
Jaxtr – with Jaxtr, your visitors can actually call you to your mobile phone; again, your number stays private.
LinkedInABox – show off your LinkedIn profile. Perfect for personal blogs.
Box Widget – enable visitors to use box.net’s online storage directly on your web site.
Price of gas – displaying gas prices on your blog might seem unnecessary to some, but it’s cool if you have a traffic/travel related blog.
iBegin Weather Widget – Display weather information in your sidebar. Just like with Price of Gas, works great with travel-related blogs.
ClockLink – display time in various time zones with these nifty Flash clocks.
Film Loops – display the latest loops from your FilmLoops account.
Daily Painters – display paintings from famous painters on your blog.
WhoLinked – show your visitors which sites have recently linked to your web site. Works with all major blog platforms.
Criteo AutoRoll – displays links to blogs similar to your blog.
Bitty Browser – embed a cute, fully functional mini web browser to your blog.
Leafletter – create a mini website and embed it into your blog.

WikiSeek – search Wikipedia with this simple widget.
FeedCount – show off the number of visitors to your blog with this handy little button.
Technorati Link Count – display the number of links your website has from one of the biggest blog authorities – Technorati.
MyPageRank – another good way to show how “big” your blog is is to show off your Google PageRank.
CheckPageRank – in addition to showing your PageRank, this widget also shows your Alexa ranking.
BlinkxIt – embed a link to related videos directly into your website.
Skype button – display your Skype online/offline status on your blog.
RockYou Horoscope – not something I would personally use, but some people are into horoscope. Hell, most people are into horoscope. Anyway, this widget shows horoscope (doh!) and does it in a nicely designed colorful box.

del.icio.us Tagometer – display how many times have del.icio.us users saved your page.
del.icio.us Linkrolls – this badge shows your latest bookmarks from del.icio.us.
Timelines – need to create a timeline? Seek no further. This widget makes it really easy.
PollDaddy – PollDaddy lets you create beautiful polls in no time, and display them at your blog.
Vizu – another poll-making widget, compatible with all major blog platforms.
AnswerTips – display definitions from Answers.com for various terms on your blog. The definitions are shown in bubbles which are activated on doubleclick.
AnswerBoxes – give your visitors a chance to enter a term themselves, and get a definition from Answers.com
Now Playing – if you got to share your current playlist contents with the world, Sigamp will do the trick. Works with most popular music players, including Foobar, Winamp, iTunes and others.
BuzzBoost – display headlines from your RSS feed on any website.
LibraryThing – show off the latest books you’ve been reading.
Plaxo Address Book – let your most faithful visitors access their address books direclty from your site.

AuctionAds – a widget that displays auctioned items on eBay, and gives you a percentage of the price paid when sometimes buys an item.
aStore – similar to AuctionAds, only for Amazon. Create a mini-store on your site and receive profit when someone buys an item through your store.
Plazes – show your current location on a Plazes map.
Stockalicious – track your portfolio with this widget, and share it with others. Let everyone know how much money you’ve lost.
Yahoo! For Good – create a charity badge and ask for donations for a worthy cause.
Giftspace – your friends never know what to buy you for birthday? Let them know what you really want with this nifty widget.
MixMap – see where are the visitors to your MySpace profile from on a map.

Google Map Widget – display a searchable Google Map on your website.
Google Video Search – add a video search form and selected videos to your web site.
Odeo player – display an Odeo player for and podcast right there in your sidebar.

See also:

40+ Tools For Google Calendar 15 Ways To Create Website Screenshots 50+ Google Reader Extensions and Scripts For Firefox WEB OS RUNDOWN: 45+ Web Operating SystemsAMAZON TOOLBOX: 40+ Amazon Tools 30+ Language Tools For Firefox SKYPE TOOLBOX: 50+ Enhancements for Skype MOBILE PRODUCTIVITY TOOLBOX: 45+ Mobile Productivity Resources MORE THAN A BROWSER: 19 Alternative Ways to Use Firefox FORUMS GUIDE: 70+ Resources for Creating a Forum VOIP TOOLBOX: 30+ VoIP Services P2P TOOLBOX: 30+ Peer to Peer Services DIGG TOOLBOX: 50+ Digg Tools and Resources WORDPRESS GOD:300+ Tools for Running Your WordPress Blog GREEN LIVING TOOLBOX: 80+ Green Sites Travel Toolbox: 75+ Online Travel Resources ITUNES TOOLBOX: 30+ Tools For iTunesCOLLEGE TOOLBOX: 60+ Tools For Back To School ONLINE PRESENTATIONS: 30+ Presentation & Slideshow Services GMAIL TOOLBOX: 60+ Tools For Gmail 30+ WordPress 2-Column Themes ONLINE BUSINESS TOOLBOX: 230+ Tools for Running a Business Online30+ Tools to Turn WordPress into a Personal Hub SHOPPING SPREE: 18 Sites for Social Shopping & Deals SOCIAL BOOKMARKING: 50+ Social Bookmarking Sites 30+ WordPress Plugins for Statistics INSTANT MESSAGING TOOLBOX: 90+ IM Tools 40+ Free Blog HostsONLINE POLLING TOOLBOX: 40+ Online Polling Sites FLICKR TOOLBOX: 100+ Tools For Flickr Addicts

widget 1: chat for your site

here the list of several chat widget for your site, and easy to use it for your site. Improve your site and get more interative sith this widget

 

 

1. Chatango

Chatango is a customizable chat room add-on that anybody can install in their website. The main advantage of using this website chat widget is that users can have their own avatar. It also offers different user roles that give participants privileges for becoming moderators and administrators.

2. Meboo.me

Meboo.me is a product of Meebo.com — a popular web-based IM platform service. Whether you are using Typepad, Blogger or WordPress, Meebo.me is just ideal for any of these platforms. The most advantageous part of adding a Meebo.me chat box in your webpages is that it is compatible with Gtalk, Yahoo! Messenger, AIM, as well as with Facebook. Hence, the visitors of your website do not need to register to interact through it. They can use their existing Gtalk or Facebook username to stay in touch with your website.

3. JWChat

JWChat is an Ajax-powered chat script. It only uses JavaScript and HTML, making it an ideal solution for those who want to quickly get a chat widget up and running. It functions like a traditional IM client, with system sounds notifying you of events like if someone sent an IM, support for emoticons, and more.

4. CBox

CBox attempts to merge the features of traditional desktop IM clients with the benefits of the social web. The user interface is straightforward, the installation is a snap, and is plug-and-play because it only relies on client-side JavaScript and HTML. CBox is free, but there is a premium version available for $2.00 a month with additional features like bigger bandwidth, no ads displayed, and custom word filters.

5. Mibew Web Messenger

Mibew Web Messenger, which also calls itself Open Web Messenger, is a free and open source chat messenger that was built with PHP and MySQL. This chat application was developed with live customer support in mind, but works well in other contexts.

6. AjaxChat for WordPress

This free website chat script is a plug-in for adding live chat functionality to a WordPress installation. It enables WordPress users to chat with other visitors on your blog without refreshing the browser.

7. AJAX Chat

As you can probably conclude by its name, AJAX chat uses client-side JavaScript to enable you to run a robust chat client on your website. It can also be used as a shoutbox, a site feature that allows your visitors to quickly leave a message and "shout out" to other visitors and the site admins.

8. phpFreeChat

This free PHP-based chat system is highly customizable and is packed with features you’d only expect in desktop clients. It supports the ability to create multiple chat rooms, private messages, custom themes using CSS, and Ajax for a smooth and seamless user experience.

Social 2 :TWITTER Apps, Widgets and Plugins – Windows

Apps, Widgets and Plugins – Windows

Triqqr – Submit tweets directly to Twitter and view user profiles.
Pwytter – Cross platform Python Twitter client with Asian character support.
Teletwitter – Experimental open source client.
TwitBox – View and submit tweets, see replies and direct messages, delete your own tweets, and multiple account support.
Twitterlicious – Update Twitter status, easily check replies and direct messages.
Twitteroo – Client with rurl URL shortening, clickable links and tweets, customization, and both public and friend timelines.
Chirrup – Twitter client with extensive Japanese language support.
TwittIt – Extremely compact and simple app for submitting tweets.
MadTwitter – A reincarnation of Twitterrific, except on Windows.
Twitter CLI – Post tweets via the command line.
What’s Up? – Gadget that allows you to see latest tweets from your friends.
Twadget – Simple gadget that lets you view and submit tweets right from Vista’s Sidebar.
KipFolio Widget – Simple Twitter widget for KipFolio.
Twitter-Sync for Yahoo – Syncs Twitter status with Yahoo Messenger status.
TwitterYM – Simple Yahoo Messenger status updater.
Twessenger – Updates Live Messenger status to reflect latest tweet.
Twit4Live – Set status message as latest tweet, send tweets from within Live Messenger, and send tweets to contacts.
Apps, Widgets and Plugins – Mac

Twitterrific – A compact client that publishes tweets, shows unread tweets, has easy access to profile pages, shows either public or friend timeline, and more.
TwitterPost – Basic client that submits tweets, shows your current iTunes track in your feed, and more.
Twitgit – Read your friend’s tweets and submit your own, right in Dashboard.

TweetAhead – Schedule tweets to be posted ahead of time with a simple Dashboard widget.
Twitterlex – Dashboard widget that shows your friend’s latest tweets as well as allows you to submit tweets.
Twidget – Update your Twitter status within Dashboard.
TikiTwit – Match your iChat status to your last tweet.
Apps, Widgets and Plugins – Linux

BLT – Perl script that lets you see what your friends are doing right from the Terminal.
Twitter for Vim – Publish tweets right within Vim.
ZenTwitter – A GUI frontend for Twitter using zenity and curl.
Twitux – Twitter client for the GNOME desktop.
gTwitter – GTK+ based app inspired by Twitterrific.
Twitter.el – Publish tweets while in Emacs.
Twitbar – Post tweets from the GNOME deskbar.
Twit.el – Another utility that allows publishing of tweets within Emacs.
Cross-platform Apps, Widgets and Plugins

Tweetr – Submit tweets, upload files, urltea built in, delete messages.
Spaz – Cross-platform client built with AIR.
Tweeter – Java based client with customizable UI.
Twinja – AIR based client which allows you to follow users on the fly.
Search

Twitterverse – Search through archived public timelines and tweets.
Twittersearch – Search Twitter and tweets by word.
Terraminds – Search for specific users or tweets.
TwitDir – Allows user to search for users by name, location, or username.
Browser Plugins

TwitBin – Send and view tweets right within Firefox.
TwittyTunes – A FoxyTunes addon that posts what you’re currently listening to Twitter.
Shareaholic – Share links and webpages via Twitter right within Firefox.
Search Plugin – Tweet right from the Firefox search box.
Tweetbar – Put Twitter on your Firefox sidebar.
Twippera – Twitter widget for Opera that can send and view tweets.
TwitterFox – Compact Firefox extension that can publish and view tweets.
Mobile

iTweet – A mobile Twitter site designed for the iPhone.
iTwit – Mobile version of Twitter made for the iPhone.
Tweeter – Twitter on your mobile phone while avoiding text message charges.
Jargong – Browse Flickr, do some social networking, but most importantly, check and publish tweets.
WildSets – Extensve Twitter app for mobile phones.
TwitterBerry – Twitter built for various BlackBerry devices. Update and view timelines with ease.
jTwitter – View timelines, enter updates, and more, all on your mobile phone.
TreoTwit – Easily check and update your Twitter right from your Treo.
Random/Other

Twittervision – See where in the world people are submitting tweets from, real time.
TwitThis – Allow visitors to your site to easily share a page or post via Twitter.
MoniTwitter – Receive important updates about your site via Twitter.
TwitterNotes – Share private or public notes via Twitter.
RSS2Twitter – Share any RSS feed on Twitter, and have new RSS items automatically be tweeted.
TwitterBuzz – Find out what is being most linked to on Twitter.
Twitterholic – Shows the top users and accounts on Twitter.

<<<Social 1 | Social 3>>>