This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

Wednesday, 18 January 2012

50-widgets-for-blogs-and-websites


      Blog Widgets
    Widgets are a handy, easy and simple way to add some flare to your blog. Whether you’d like to display the number of currently online visitors to your site or simply the weather report for Los Angeles, you can do it with widgets. We’ve assembled a list of 50 useful or simply cool widgets for your pleasure. And remember, the first rule of widgetizing your blog is – don’t overdo it!
    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.
      Flixn
    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.
      Leafletter
    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.
      Horoscope
    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.
      Plaxo
    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.
      MixMap
    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.



Google Buzz is a great social tool which is very similiar to Twitter and Facebook. It's a wonderful way to engage and interact with your readers! Make sure to implement these Google Buzz buttons into your blogger posts, so that users can easily share your content on Google Buzz.


Add Google Buzz it Button to Blogger

  1. Go to Layout >Edit HTML in your Blogger Dashboard.
  2. Back up your existing Template before making any changes!
  3. Make sure to check the "Expand Widget Templates" box.
  4. Here is the Google Buzz it Code:
    <div style="float:right;padding:4px;">
    <a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title+ &quot;&amp;srcURL=&quot; + data:blog.homepageUrl ' rel='nofolloW' style='text-decoration:none;' target='_blank'>
    <img alt='Buzz It' src='http://i48.tinypic.com/idyc04.png' style='border:0px;'/></a>
    </div>
  5. Search for this line of code in your template:
    <div class='post-header-line-1'/>
    and place the Google Buzz it Code right after the code you searched for above.
    If this doesn't work, then search for this code below and place the Google Buzz it Code directlybefore it.
    <data:post.body/>
  6. Now save your template and you're done!

Add Google Buzz Button with Share Count to Blogger

  1. Here is the Google Buzz it with Share Count Code
    <div style="float:right;padding:4px;"> <script type='text/javascript'> njuice_buzz_url = '<data:post.title/>'; njuice_buzz_title = '<data:post.url/>'; njuice_buzz_share = 'reader'; </script> <script type='text/javascript' src='http://button.njuice.com/buzz.js'/> </div>
  2. Place the Google Buzz it with Share Count Code either
    directly after this:
    <div class='post-header-line-1'/>
    OR
    directly before this:
    <data:post.body/>
  3. To change the style of the widget add either
    njuice_buzz_size = 'small';
    or
    njuice_buzz_size = 'simple';
    just after
    njuice_buzz_share = 'reader';
  4. Save your blogger template and you're done!

20-twitter-widgets-for-blog-and-website



Twitter is continuing to grow at a most overwhelming rate. As more and more people use twitter...be sure to utilize these twitter resources on your blog or website as a tool to to expand and connect with your twitter community.



Widgets and buttons are a great way to grab your readers attention and hence increase your twitter community. Below you will find links to different sites where you can attain the source code for these widgets and icons. Please enjoy thoroughly!

Twitter Widgets

ReTweet Button
A powerful twitter widget which allows your readers to easily share your blog posts. The button also displays a live count of the amount of times the post has been tweeted! ReTweet allows you to choose from two different sizes of buttons.

TweetMeMe Button
This twitter widget is very similar to the ReTweet Button but is stylized with a green interface.

BackType TweetCount Widget
The widget also counts the number times a certain URL has been tweeted. The great thing about this counter is that you can fully customize it. Choose the background color, border color, text color, etc.

Twittley
Yet another twitter button which displays the number count of tweets in real-time.

TwitterCounter
This widget shows off how many people are following you on twitter. Surely, you'll be able to impress a few tweeters.

TwitterRemote
This widget shows which twitter users recently visited your blog or website.
twitter icon picture

TwitStamp
This badge displays your latest tweet with many different styles to choose from.
twitter icon picture

Chris' Original Twitter Badge
Chris has created a snazzy looking twitter badge which loads in no time.


TwitGif
Create a twitter badge for your blog which scrolls through your most recent tweets.

Twitt-Twoo
A WordPress Plugin which displays your twitter status.
twitter icon picture

Twitter Tag
Here is an automatic updating twitter image for your website or blog.


TwitSig Badge
This twitter image updates with your latest tweet by creating a new image every time you update your status. With this in mind, the twitter badge shouldn't take too much time to load on your blog.


Official Twitter Profile Widget
This widget loops through your tweets and has a full range of customization options. The twitter widget allows you to choose the color scheme, dimensions, and whether or not to loop through your old tweets as well.

Add Twitter to MySpace
The MySpace Flash Widget integrates Twitter into your MySpace profile page. This is a great twitter widget for myspace!
twitter icon picture

Twitter Gadget for Blogger
Simply display your recent updates on twitter as a list with this gadget. Also featuring a "Follow me On Twitter" link at the bottom of the widget.
twitter icon picture

Go2Web20 Badge
A simple image which floats on the side of your blog and directs readers to your twitter page when clicked on. Choose whether or not to display "Follow Us", "Follow Me", "Follow", or "My Twitter" in the image. Most people choose the Follow Me on twitter widget instead of the follow us on twitter button because it sounds more personal. You may also customize whether or not to display the twitter widget on the left or right side of your webpage.
twitter icon picture

TweetSnap
TweetSnap creates an image for your twitter account which will always display your latest tweet.
Bsaves

TwitterSticker
Another website which creates an image of your latest tweet. TweetSticker allows you to customize the font color, font size, text padding, and text wrap.


Twitterati Badge
A unique twitter widget which displays your twitter friends. Click on one of your friends and you'll be directed to their actual website.

Twitter Buttons and Icons

225 Buttons from TwitButtons.com
TwitButtons allows you to easily copy and paste their button code into your site.
Twitter Button from twitbuttons.com

80 Buttons from TwitterButtons.com
Make sure to click "More Twitter Buttons" at the bottom of their site to see the full collection. This follow us on twitter widget is my favorite!


Cute Twitter Bird by The Design SuperHero
3 Variations of the Twitter Bird with 5 different Resolutions.
twitter icon picture

Twitter Bird by WeFunction
3 more adorable variations of the twitter bird. 
twitter icon picture

The Social Bird Icon Set
20 Wonderfully original twitter icons by popular artists for your inspiration. These icons have been released by InspiredMagazaine.
twitter icon picture

TweetBird Icon
1 icon which comes in 512×512, 256×256, 128×128, 64×64 and 32×32 pixel sizes.
twitter icon picture

TweetaBird Icon Set
2 more cute icons by LittleBoxOfIdeas. Featuring a twitter bird cheerleaders and a queen twitter bird.
twitter logo picture

Twitter Icon Promo Pack
53 Twitter Icons by WebTreats for you to grab and use on your site. 
twitter logo picture

German Twitter Buttons by MTS
10 more twitter buttons for you to enjoy!


Twitter Graphics by Graphic Leftovers
16 twitter graphics in different shapes and forms; such as eggs,lightbulbs,bottle caps, and more.


Twitter Birds by Inaliblast
8 flying twitter bird icons.


Twitter Bird Icon Set by ProductiveDreams
6 High Quality transparent PNG twitter birds.


Free Tweet Tweet Vector Icon Set
1 Twitter bird with 4 differnet poses, created by ProductiveDreams as well.


Randa Clay Twitter Graphics
18 twitter buttons for gaining new followers.


Happy Birds by WebDesignFM
4 Happy go lucky twitter birds that will encourage both your faithful followers and potential followers.


Twitter Buttons by Blog Marketing Web
31 attractive buttons to enhance the twitter experience.