TechChimp

I'm Feeling Lucky Search on Firefox 4

2011-04-09T23:19:00.011+05:30

In Firefox 4, the address bar search is normal Google search (similar to Google Chrome). If you liked Google I'm Feeling Lucky search available in previous version of Firefox(3.x) then just follow these simple steps.
In Firefox address bar type "about:config"

You will get a message similar to one shown below. Click on "I'll be careful, I promise"

Now in textbox for filter type "keyword.URL"

Right Click on keyword.URL row then click on "Modify" and paste this link in the popup textbox and click OK

http://www.google.com/search?ie=UTF-8&oe=UTF-8&sourceid=navclient&gfns=1&q=

Now your browser Address Bar should do I'm Feeling Lucky search.
Note: To revert back to default settings just right click on keyword.url and click on reset

Fanboy Comparison

2010-05-13T17:04:00.002+05:30

Here is a soon comparison between the tech fanboys mady by PCWorld. Click on the image to enlarge it.
They covered mostly all Fanboys except Google Fanboy.

Source : PCWorld

Show HTML Code in Blogger Post | Parse HTML

2010-05-08T20:54:00.003+05:30

If you blog about HTML , JavaScript .... Then Surely you would post html code in your blogpost.You would have noticed blogger editor executes the html code you posted. So here is the guide how to override blogspot editor for executing the html code posted and getting the desired output.

Instruction :

Copy the HTML code into notepad.
Using Replace function, replace following symbols to corresponding values given in table below.
After replacing everything copy the resultant code into blogger editor in "Edit HTML" mode

Publish > Done!!

Replace Values

Orginal Value	Replace Values	Description
<	<	Beginning of code lines
>	>	End of the cover code
&	&	And
"	"	Double Quotes
'	'	Single Qoute

Update: Alternativly you can use this online conversion tool to replace tag. Link : Tool 1 | Tool 2 | Tool 3
Use any one of the above tool. If you ask me i prefer Tool 3.

Image Credit

Implement Lightbox 2 In Your Blogger Blog

2010-05-07T23:30:00.003+05:30

Lightbox is javascript application used to view larger versions of images without having to leave the current page.Click on the image below to see preview.

Preview

How it works (From wikipedia)

On a Lightbox-enabled page, a user can click an image to have it magnified in a Lightbox window, which resizes itself according to the size of the image using a gliding animation. Lightbox determines which images will be shown in the modal window through the XHTML "rel" attribute, which is used on an element wrapped around the element. Lightbox also provides a way to attach captions to images and to run a slide show, which can be navigated using the arrow keys.

Installation

Login to blogger dashboard --> Template --> Edit Html
Find section </head>
Paste the following code just above section

<style>

#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#lightbox img{ width: auto; height: auto;}

#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDIUNTs0dOSZeGZKrws6fOOXUYPSL7OruA-In1PdSS7qDIvxeJ5naBGyBjoYdXSiWqgqha4UQvUr6wl54vaWntR3fBVSqlTCcD924q_OkJo7RNsG2iXKnzi33C7j1MZzIWMJG9x0Tl8Pc/) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkYUHvcUzlg2LItR9T4UnfdA6wTFRb9gTvYZX4EmWviaJjcSCIZWUzcMwS36zNLoUyv0fnTf-d-u7kOrHXupaNZib7n_W6DPbd5EBIrvzzay40ekpPcK0bTxA_6M2BdrMR1REHjn9i-gU/) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }

#imageData{ padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }

#imageData #caption{ font-weight: bold; }

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }

#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

round-color: #000; }

lute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

round-color: #000; }

</style>

<script src='http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js' type='text/javascript'/>

<script src='http://files.bloggerplugins.org/lbox/js/scriptaculous.js' type='text/javascript'/>

<script src='http://blogergadgets.googlecode.com/files/lightbox.js' type='text/javascript'/>

Now while inserting image in blog post use this code

<a href="IMAGE-LINK" rel="lightbox[album-name]" title="IMAGE-TITLE"><img src="IMAGE-LINK" /></a>

You can also Group images to create album like interface.

<a href="IMAGE-LINK1" rel="lightbox[album-name]" title="IMAGE-TITLE1"><img src="IMAGE-LINK1" /></a>

<a href="IMAGE-LINK2" rel="lightbox[album-name]" title="IMAGE-TITLE2"><img src="IMAGE-LINK2" /></a>

<a href="IMAGE-LINK3" rel="lightbox[album-name]" title="IMAGE-TITLE3"><img src="IMAGE-LINK3" /></a>

<a href="IMAGE-LINK4" rel="lightbox[album-name]" title="IMAGE-TITLE4"><img src="IMAGE-LINK4" /></a>

<a href="IMAGE-LINK5" rel="lightbox[album-name]" title="IMAGE-TITLE5"><img src="IMAGE-LINK5" /></a>

Sample

Single Image

Album

Source : LightBox2 [via]

Twitter High Resolution Icons Set

2010-05-07T20:19:00.001+05:30

These are replacement for your custom twitter icons to make your blog look different form the custom crowd.

1.Twitter Eggs

2.Blue Bird Twitter Icon

3.Twitter Bird Icon Set

4.Twitter Icon Set

5.Twitter Book

6.40 Cute Free Twitter Graphics: Badges, Icons , Buttons

7.TwitterFun Icons

8.Cute Tweeters Icon Set

9.Elvis, hero, meditation and sufer

Like Them?? Wante More?? Hit the source link for 130+ such twitter icon set.

Source : Source 1 | Source 2

Easiest Way to Learn C++ In 21 Days

2010-05-07T17:18:00.003+05:30

As far as i know this is the easiest way to Learn C++ in 21 days.

Source : Received via Email

Color Paper Blogger XML Template

2008-12-26T08:53:00.006+05:30

Color Paper is an extremely artistic and professional template.This is a wordpress template originally designed by FTL/DreamTemplate.com and Color Paper Blogger XML Template was converted to blogger template by Falconhive

_____________________________________________________
Template details [As written in Falconhive]
_____________________________________________________

Template name: Color Paper
Template Author: FTL/DreamTemplate.com
Template Converter: Falcon Hive
Compatible BSP: Blogger
Possible Browser: Internet Explorer 8+, Firefox RC3+, Opera 9.6+ , Google Chrome 0.3.154.9+
Validation: XHTML/ CSS
Column: 2
Gadget: Ready
Navigation Bar: Ready
Search Bar: Ready
Welcome Message: Ready
RSS: Yes
Ads space: No
Footer Widgets: No
Site Description: No
Feature: Extremely artistic and professional design, Customizable header and footer navigation bar, Featured content section on the top of the page, Main Column with a sidebar on the right side

For Template customization visit : This Page

Demo : Link
Download : http://www.megaupload.com/?d=6M8DMFWL