facebook-widgets-to-promote-website

Facebook is the largest social networking site with more than 400 million active users and is growing larger every day! Make sure to use these Facebook widgets for your website or blog to connect with your large Facebook audience. You can use these tools to easily share certain profile information, websites, blogs, and businesses with the Facebook community.

Personal Profile Widgets

Like Badge
Display your Facebook pages for all to see.

Profile Badge
Create a Facebook profile badge to share selected profile information on your website. A profile badge will allow your users to easily connect with you and add you as a friend.

Photo Badge
This photo badge allows you to share your Facebook photos on websites and blogs. Choose from a vertical, horizontal, or two-column layout and also choose the number of photos to be displayed.

Basic Widgets for Website or Blog

Like Box
This allows your users to publish their content and activity to Facebook.

Share Button
A powerful facebook widget which allows your visitors to share your content on Facebook! An excellent Facebook widget for blogger.

Page Badge
Lets you share your Facebook page (one that you have created) information on your website.

Twitter Link
Connect your Facebook page with Twitter. Whenever you update your Facebook page, your twitter followers will be updated as well with a tweet. A great Facebook widget for your website!

Developers Widgets for Website or Blog

Like Button
Allows facebook users to share web pages from your website on their profile.

Comments Box
Lets your users comment on your website content with their Facebook account.

Recommendations
Provides your website users with personalized suggestions for pages to visit.

Live Stream
Lets Facebook users to post and share content in real-time.

Activity Feed
Lets users know what their facebook friends are doing on your website through comments and likes.

Login Button
Displays a login button along with profile pictures of facebook friends who have already signed up.

Facepile
Shows profile pictures of people who have liked your facebook page or have signed up for your webpage.

Registration
Another way for users to sign up for your site.

Read More

50-widgets-for-blogs-and-websites

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.
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.

Read More

add-hover-effect-follow-us-gadget-to-blog

Polaraid icons demo

Place Your Cursor Over The Icons.

Looks Great Huh !

Add The Vintage To New Polaroid Icons To Your Blog

The Code

This is just html so it will work in any part of your blog that allows it.I will show how to quickly add the icons to your Blogger sidebar below the code, if you have Wordpress or another blog platform add the code to a sidebar text/html widget.

<a href=http://www.facebook.com/spiceupyourblog onmouseover= "if (document.images) document.facebook.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-le1MAtXmFmRAtBkwZUBVz_8OCtCey_n89BkV3fj54W8d9jh8me3GCwxxiiGRg3kzgYjqczZQ9_i1CbBnxTL4aMoLU0dDDdBknzLJdMRc8avLW3zRZhqqgfh0LIcNGFbszp_WKHBCnfC9/s1600/facebook.png';" onmouseout= "if (document.images) document.facebook.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju6LRp5u1qF9RAkL6BY8q_76kwOKrCIT6a0KeLOkEl2PPtDRVj3_x61suDmuiupFl3rMxHKJBvvpTTcKO4rFZHJd3ApeLbi0HbjdZ_jREl4AEstCFXVr6VNUweQcVi2EClxcaxI8R9uLO2/s1600/facebook.png';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju6LRp5u1qF9RAkL6BY8q_76kwOKrCIT6a0KeLOkEl2PPtDRVj3_x61suDmuiupFl3rMxHKJBvvpTTcKO4rFZHJd3ApeLbi0HbjdZ_jREl4AEstCFXVr6VNUweQcVi2EClxcaxI8R9uLO2/s1600/facebook.png" name="facebook" border="0" width="64" height="82"/></a>
<a href=http://twitter.com/paulcrowepro onmouseover= "if (document.images) document.twitter.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbb-qtBwj2GxZJutrFtYn_eRTU4bNroFJgJIVvEqr4D7_axoTr1olMBQPBOE8wdKmi_0hzyF2DtIsSACsifJp2YuxswoLa5bzpEJBf5V2q2DS4-bKMVZQDDSLaEfZvLek39_O-BWmw-Uix/s320/twitter.png';" onmouseout= "if (document.images) document.twitter.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNTm0tvNfTNr5Gf63l0IKjPejVlrTUSmtYpHKFvmrpFsBs2drlXCRbvPo8Q69kWsF2haGqt4QZBKHQ9ecUESGweynEil_n_uqeiagqM8tbwwICf3vB4JYpXc3YDIrdvN2n0Rpz3-Hp63fZ/s1600/twitter.png';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNTm0tvNfTNr5Gf63l0IKjPejVlrTUSmtYpHKFvmrpFsBs2drlXCRbvPo8Q69kWsF2haGqt4QZBKHQ9ecUESGweynEil_n_uqeiagqM8tbwwICf3vB4JYpXc3YDIrdvN2n0Rpz3-Hp63fZ/s1600/twitter.png" name="twitter" border="0" width="64" height="82"/></a>
<a href=http://feeds.feedburner.com/spiceupyourblog onmouseover= "if (document.images) document.rss.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkipY0Ql84QI5C9dWp3cp6NQmzhfREcewnEmKj8KT_pU2VVLEUTOtk6PjihVsp213OJwM6CQOlkXZ2vDJkHAc3nwPAELwZrwhe5Lu7z3WCE5LEQwkcrftZLKN_-8PNil2CLc2EG2-xS5fP/s1600/rss.png';" onmouseout= "if (document.images) document.rss.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHPoyrqdt6utEiQEWLEPZRxk04-jdT-i8QZBxK2DyZPBC0haahlBi-2QHyX-VDT947B5yL_M4zVPNUsmg24Sf-dpF6wiPonx0h7ybEiZq111J-osihd-fGc0GHZsMO53Vg5BkS1TTEH_it/s1600/rss.png';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHPoyrqdt6utEiQEWLEPZRxk04-jdT-i8QZBxK2DyZPBC0haahlBi-2QHyX-VDT947B5yL_M4zVPNUsmg24Sf-dpF6wiPonx0h7ybEiZq111J-osihd-fGc0GHZsMO53Vg5BkS1TTEH_it/s1600/rss.png" name="rss" border="0" width="64" height="82"/></a><br/><a href="http://www.spiceupyourblog.com" target="_blank"><small>Blog Gadgets</small></a>

Note - Replace the highlighted URLs with the URLs for your Facebook, Twitter and Rss Feed.

Add Icons To Blogger Sidebar

Step 1. In your Blogger dashboard click > Design > Add A Gadget > Choose Html/Javascript Gadget :








Step 2. Copy and Paste the following code into the html/javascript gadget and save.

Read More

image-and-colour-in-comment-in-blog

New Blogger Script Display Images And Colors In Comments

We do see many of them chats with shorten words, symbols, smileys and more to tell in short form. Now its a time of zero typing where image speaks a lot more than words. Let us imagine there is a colorful animated new year greeting post where you like to greet the author the same way.You know greeting pictures speak Louder than words,so you too created a splendor greeting picture for the blog author but the blog restrict you to post images. Then?

Of course, Blogger.com restrict the readers to post images in their comments column.We know It is possible to posts picture comment in wordpress blogs by adding just <img> tags. then what is the solution for the blogger's blogspot? Here I introduce new javascript which try to minimize the maximum extend of this restriction. and be aware of it that it doesn't work in script disabled browsers. 

How to add image?

This is just simple, you need to start with [im] and end with [/im] place your image address in between of it.Like This :

[im]http://domain.com/folder/sample.jpg[/im]


How to install?

This is the code

<a href='http://www.tvtvfree.blogspot.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho2WZH4nMYTCH0Jes5NEv9tvRfWByNniyGBuvS14dWJwKAfeodLPUWL3PRUEfDaEIFz2ob-1wX0XZhy6rsUQSZvwPViyR8ozptI1dcG6xDyus4Dja2eUJ0ZWWQ96gUlV-24z8Vr5iFxxGg/s1600/best+blogger+tips.png'/></a><script src='http://hosting.gmodules.com/ig/gadgets/file/105066904960012479556/nccode.js' type='text/javascript'/><a href="http://www.tvtvfree.blogspot.com">Best Blogger Tips</a>

which you need to paste it before </body> in the source code of blogspot or any blogger's website.

That's it The Script take care of it, and don't forget to tell to your readers about picture comments.

What more ?

Do you need more colorful comments? then use :

[ma]....your text...[/ma]
for marquee effect i.e. running letters.

[co="red"]...your text...[/co]
for red colored text. you can change the color as your wish.You can try this code and add what you feel, if you agree.

Summary And Message Above Comments

Add The Script To Your Blog

Step 1. Click Design > Edit Html 





Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code 

</body>

Step 3. Copy And Paste The Following Code Directly Below / Under </body>

<script src='http://hosting.gmodules.com/ig/gadgets/file/105066904960012479556/nccode.js' type='text/javascript'/><a href="http://www.tvtvfree.blogspot.com">Best Blogger Tips</a>

-To add an image to a comment wrap it in [im][/im] like this :

[im]Image URL Here[/im]

-To Change Color Of Text In Comment Wrap It In [co="color"][/co] Like This :

[co="red"]Comment Text Here[/co] - Change Red To The Color You Want.

-To Add Marquee Text Wrap It In [ma][/ma] Like This :

[ma]Comment Text[/ma]

Add Message Above Comment Form

You will want to let your readers know the options so below i will show you how to add a message above the comment form.You can see the message we are adding on the demo.

Step 1. In your Blogger Dashboard click > Design > Edit Html > Expand Widget Templates :







Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

<p><data:blogCommentMessage/></p>

Step 3. Copy And Paste The Code Below Directly After <p><data:blogCommentMessage/></p>

<a href='http://www.tvtvfree.blogspot.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho2WZH4nMYTCH0Jes5NEv9tvRfWByNniyGBuvS14dWJwKAfeodLPUWL3PRUEfDaEIFz2ob-1wX0XZhy6rsUQSZvwPViyR8ozptI1dcG6xDyus4Dja2eUJ0ZWWQ96gUlV-24z8Vr5iFxxGg/s1600/best+blogger+tips.png'/></a><b>Comment Options -</b> You Can Add Images, Colored Text And Marquee Text To Your Comment.<br/><br/><b>Image -</b> [im]Image URL Here[/im]<br/><b>Colors - </b>[co="red"]Comment Text Here[/co] - Change Red To The Color You Want.<br/><b>Marquee -</b> [ma]Comment Text[/ma]<br/><b>Get This -</b> <a href="http://www.tvtvfree.blogspot.com/2012/1/image-and-colour-in-comment-in-blog.html" target="_blank">Blogger Comment Script</a><br/>

Save Your Template and your readers will now know all the options they have.

Read More