Connecting Ubuntu 8.10 with Atheros Wireless Driver

This setting was a major nuisance to me. I search all over the net for a working solutions. From Madwifi to Ndiswrapper but still, nothing works on my Presario C700 unit. I even fully updated Intrepid release. Thanks for that, the system hit by kernel panic and I need to reinstall the whole OS again. But the working solution is just under my nose. Read on...

Well, not really my nose, it's documented in the Ubuntu help page, under the WifiDocsDriverAtheros topic.

My unit preference is Compaq Presario C700 with Atheros AR242x chip and Ubuntu 8.10 (fresh install). I connect to internet through ethernet cable (wireless is disable duh). If you have similar setup and I assume you know how to set your repository, this might work. This is how I done it:

1. Update only the essential part. Open the terminal and run this command.
   sudo apt-get install build-essential
   
2. Deactivate the installed Atheros Driver. Since we're going to get the new one, disable the default driver which is auto-install during installation.
   System > Administration > Hardware Drivers and click the "deactivate" button.
3. Run this command
   sudo reboot
4. You now need to get the backport module. After the reboot, run this command
   sudo apt-get install linux-backports-modules-intrepid-generic
5. Run this command
   sudo reboot
6. For some other unit the wireless might be working now. But mine is not working yet. This may be the result of a conflict with either ath_hal or ath_pci, or ath5k might be blaclisted somewhere. So let isolate the ath_hal & ath_pci first. Run this command on the terminal:
   sudo gedit /etc/modprobe.d/blacklist
   and add the following lines to the bottom of the file:
   blacklist ath_hal
   blacklist ath_pci
   save the blacklist file
   
7. Run this command
   sudo reboot
8. By now my unit is able to detect wireless connection and manage to connect using WPA2 Personal pass key. But if your unit still doesn't, the last possible cause is the ath5k being blacklist somewhere, posibbly in modprobe.d. So run this command in terminal:
   grep -r "ath5k" /etc/modprobe.d/
   You just need to comment lines that have "blacklist ath5k" and then run this command:
   sudo reboot
   

Hopefully by now your unit is able to detect and connect to any wireless connection. Good luck and remember patient is a virtue.

From Windows 7 Beta to Ubuntu 8.10 Intrepid Ibex

The story begin when my notebook (Compaq Presario C700) had an overheating problem. Originally I installed a WindowsXP pro in this unit. Everything when well for 5 months. But then whenever I run a movie or flash application the system automatically shutdown. I try to search the problem source for months but still the problem remain. So what should I do? Read on...

It seems that the notebook can't hold too much concurrent process in one time. Even though formating with a fresh new OS is the last option in my recovery list but I had no choice. Then, Windows released the Windows 7 Beta to the public. I've read all the review (almost) and saw some cool and awsome stuff in their demo video. Even though I knew that it will last until August 2009 and the minimum RAM is 1GB, still I decided to give it a try.



The first distinct different change is the taskbar and much improved on UAC and desktop windows experience which is way better than Vista or XP. The rest was just almost the same like Vista. I have nothing against this new Windows 7 but it doesn't improved my experience with the problematic Compaq C700 notebook. So the quest continue.

The next possible move is to get a less stressful processor & RAM eater operating system. My best bet is the Ubuntu 8.10 Intrepid Ibex with the Linux kernel (2.6.27-11 as in my grub boot menu.lst). I used to play around with Gutsy Gibbon (v7.10) in VMWare. I just love the way they named their release which is using an adjective and an animal. If you notice, this code names are in alphabetical order since Breezy Badger.

I personally think that you can customized this OS into anything that you want without burning holes in your budget. It does provide an alternative program for each Windows Office tools and it's almost FREE. But you must not be fooled. FREE in Linux realm comes with some "price". For a noobs, it is just like entering a twilight zone. Each release or even update comes with a risk of unworking driver or worst "kernel panic". I guess the best way is to separate the system partition with your data partition and keep the best setting for your unit. Every problem has possible solutions in various forum boards. I guess the Open-Source community just love to share or tell their own story. Sometimes I find myself reading too much suggestion for a single problem. Imagine if normal user had to face such nuance problems.

But for the sake of Compaq Presario C700 that I have here, now I can almost eliminate the overheating problem. At least I can watch the entire movie in full screen mode in peace with no auto shutdown.


P/S: I wonder what is the best linux application with functionality at par with Photoshop.

Linux System Admin Tips

I'm not an avid Linux user but there is no harm learning some of tricks that only the experienced Linux admin would know. Check out this tips from Mike Chirico. It has 200 over of Linux tips and tricks. From setting and keeping the correct time on your computer, permanently deleting documents with shred, making files "immutable" so that root cannot change or delete, setting up more than one IP address on a single NIC, monitering users and processes, setting log rotate to monthly with 12 months of backups in compressed format, creating passwords for Apache using the htpasswd command, common Perl commands, using cfengine, adding users to groups, finding out which commands are aliased, query program text segment size and data segment size, trusted X11 forwarding, getting information on the hard drive including the current temperature, using Gnuplot, POVRAY and making animated GIFs, monitoring selective traffic with tcpdump and netstat, multiple examples using the find command, getting the most from Bash, plus a lot more.


Another article that I manage to digest from the same author is "Breaking Firewalls with OpenSSH and PuTTY". A very interesting reading material. The article shows you how remote Linux and Windows users can gain access to firewalled samba, mail, and http servers without monkeying the firewall. However the author said that those steps only applicable if you have a valid account on all targeted servers. In other words, to get a valid account is another art of hacking.

Level of Education Required to Read My Blog

One of the best practice in SEO is to deliver your content as clear and precise enough based on your target audience. To do that you will need to hire a suitable copy writer and start building the content using your guideline. Unfortunately not everyone can afford to hire one. But now there is an online tool than can help you rate your content and match it with the level of education required to understand your content.


I tested the tools several times and here are what the range of result that I get.





After done playing with it, I conclude that this is merely a tool to get the traffic to the site. Why? Because if the webpage is in other language beside English, it simply rate it as GENIUS. Well the tool itself is another practice in SEO.

Drifted

I swear that I read this from someone's blog....oh yeah it's from my previous colleague, Sue. For the past 3 weeks, I feel like "drifted" into an open water. No sense of direction, lost, tired and desperately need to be saved. Like Sue, I also not sure how to deal with this situation. During the new year eve I said, "2009 is again another challenging year, even tougher than before". But I never expect it to be happened so soon.

Enough wining, let's start to work

2009 - A Challenging Year Ahead

I would like to wish you all a Happy New Year of 2009. Some said that this is going to be a tough and challenging year. But with a strong faith, I believe nothing is impossible.

Don't bother

I've been ask if can built an online survey for this particular organization that I don't want to reveal, in just 5 days. After reviewing the project scope, I said yes, it can be done. Since the time is insanely short and their budget is also low, I decided to customize an existing full fledge online survey available.

It is called Lime Survey. Looking at the online demo survey on their website, I thought this is more than what the project requires. I manage to built the entire survey within few hours and send the prototype to the project manager for their evaluation.

The very next morning, to my surprise, I was told that the deal is off. Sigh! Luckily I didn't built from scratch. What we learn that day is that the next time we hear such low budget with short time of deliverable we will politely advice them, "please don't bother us, go look for a freelancer". So many mouth to feed with so little piece of pie, it's simply not worth it. 

So, if you want this similar kind of online survey in the future, you now know what & who is the most suitable to look for.

So many things yet so little time

 There are so many thing to write here but so little time to spend. Most of my time will be spend on development and research studies. But what can I do? For instance I want to talk about:

• How similar the phpCake & Codeigniter is
• The linux beginner delema, with GUI or pure terminal console
• How to crack WPA & WEP with backtrack3
• Flex framework for beginner
• How to develop application with Adobe AIR or what Adobe Air? is all about
• WebTV development

and so on... Until I can find ample time, nothing much can I do for now.

My Streamyx is Down.....again

The nightmare of TM's Streamyx downtime is back. My Streamyx Combo is down since  18 October 2008 (Saturday I guess). This is not my first time. Read more about my first Streamyx downtime.

The only time that we're at home is between 8PM or 9PM which is out of TM's Technical working hour (8AM-5PM). Yup, if you're planning to get TM's Technical service, you must take a leave. Otherwise (if you're lucky enough) try to arrange it on Saturday. I did take a leave once during my first Streamyx downtime, but the technician didn't show up on the promised day. I was mad as ever. Please TM, I'm begging you, please improve....pleaaaaaaseeeeeeeeeeeeeeeee.

Update:

My complain were immediately attended the following day. Apparently the technician told me that he change the connection port so that the connection will properly reset. The connection will reset itself when there is a power problem from TNB. In my case, after the reset state the connection were just stucked or hang.

The call centre then called me to check if everything were OK on Saturday and the technician called back on Tuesday to confirm if the problem were fix. I'm glad that the service providedby TM Support lately is much much better than before. By the way thanks Mr Kamal (TM Technician) for your service.

jQuery for UI Engineers

If you don't know what jQuery is:

jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML - Wikipedia

For me, it is another JavaScript library that you don't want to miss. It is a single JavaScript file, containing all the common DOM, Event, Effects, and Ajax functions. Just add this the <head></head> tag:

Not only that, you can add in your own methods and functionality in a mechanism called plugin and put it just below the jQuery.js like this:

The community behind it is quite a number. This is evidently seen in the plugin submitted by the user in the plugin section. It cover the most AJAX functionality that you can think off. With all these, I'm certain that it can help your UI design alot. Maybe I shall implement it in my future Blogger Template design.

What is dedication?

Got this from my mailbox today....


If opportunity doesn't knock at your door, you go knocking at it!!!

Google Chrome - A new browser

Google launch their own internet browser called Chrome yesterday to join the already crowded browser market. At first I thought, don't we have too much browser already? What's the catch? Isn't it obvious. To dominate the internet browser world or at least to lessen the Microsoft's Internet Explorer domination in browser market share. But what about Firefox? Since the Chrome project already started, I won't be surprise if Google acquire Firefox later on. So what are the juice inside the Chrome browser?

Normally I won't read the technical spec sheet too much, but the Google Chrome team has come out with a different approach. Instead of pages of boring technical writing, they release a comic sheet to tell in depth what is Chrome browser is all about.

Wanted Blogger Template

This template were based on Wanted 2008 Movie (IMDB). At first I saw the wallpaper photo and I thought maybe I could come out with a blogger template. Well here it is, 2 column Blogger template:

To copy the code, click on "View Plain" and copy the template code:

<br /><?xml version="1.0" encoding="UTF-8" ?> <br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <br /><html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <br /> <head> <br /> <link href='http://www.oogletoogle.com/files/gyi1wn0j4c6tqskieyfr.ico' rel='shortcut icon'/> <br /> <b:include data='blog' name='all-head-content'/> <br /> <title><data:blog.pageTitle/></title> <br /> <b:skin><![CDATA[/* <br />----------------------------------------------- <br />Blogger Template Style <br />Name: Wanted Movie 2008 <br />Designer: Azizul Ameir <br />URL: azowebsphere.blogspot.com <br />Date: 26 Feb 2004 <br />Updated by: Blogger Team <br />----------------------------------------------- */ <br /> <br />/* Variable definitions <br /> ==================== <br /> <Variable name="bgcolor" description="Page Background Color" type="color" default="#000" value="#000000"> <br /> <Variable name="textcolor" description="Text Color" type="color" default="#000" value="#000000"> <br /> <Variable name="linkcolor" description="Link Color" type="color" default="#9ad" value="#99aadd"> <br /> <Variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#fff" value="#ffffff"> <br /> <Variable name="descriptioncolor" description="Blog Description Color" type="color" default="#777" value="#777777"> <br /> <Variable name="titlecolor" description="Post Title Color" type="color" default="#413535" value="#413535"> <br /> <Variable name="bordercolor" description="Border Color" type="color" default="#333" value="#333333"> <br /> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#777" value="#777777"> <br /> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#999" value="#999999"> <br /> <Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color" type="color" default="#fff" value="#ffffff"> <br /> <Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color" type="color" default="#291D1D" value="#291D1D"> <br /> <Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#a7a" value="#aa77aa"> <br /> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif"> <br /> <Variable name="headerfont" description="Sidebar Title Font" type="font" default="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif"> <br /> <Variable name="pagetitlefont" description="Blog Title Font" type="font" default="normal bold 200% Verdana,Sans-serif" value="normal bold 200% Verdana,Sans-serif"> <br /> <Variable name="descriptionfont" description="Blog Description Font" type="font" default="normal normal 90% Verdana, Sans-serif" value="normal normal 90% Verdana, Sans-serif"> <br /> <Variable name="postfooterfont" description="Post Footer Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> <br /> <Variable name="startSide" description="Start side in blog language" type="automatic" default="left" value="left"> <br /> <Variable name="endSide" description="End side in blog language" type="automatic" default="right" value="right"> <br />*/ <br /> <br />/* Use this with templates/template-twocol.html */ <br /> <br />body { <br /> background:$bgcolor url(http://lh4.ggpht.com/azizul.ameir/SLJlwvTjylI/AAAAAAAAA-0/M0iUUMgb_oU/bg-wanted.jpg) top center no-repeat; <br /> margin:0; <br /> color:$textcolor; <br /> font: x-small Arial, Helvatica, Sans-serif; <br /> font-size/* */:/**/small; <br /> font-size: /**/small; <br /> text-align: center; <br /> } <br />a:link { <br /> color:$linkcolor; <br /> text-decoration:none; <br /> } <br />a:visited { <br /> color:$visitedlinkcolor; <br /> text-decoration:none; <br /> } <br />a:hover { <br /> color:$titlecolor; <br /> text-decoration:underline; <br />} <br />a img { <br /> border-width:0; <br /> } <br /> <br />/* Header <br />----------------------------------------------- <br /> */ <br /> <br />#header-wrapper { <br /> width:806px; <br /> margin:0 auto 10px; <br /> } <br /> <br />#header-inner { <br /> background-position: left; <br /> margin-$startSide: auto; <br /> margin-$endSide: auto; <br />} <br /> <br />#header { <br /> margin: 5px; <br /> text-align: left; <br /> color:$pagetitlecolor; <br /> background-color: #000; <br />} <br /> <br />#header h1 { <br /> margin:5px 5px 0 5px; <br /> padding:15px 20px 0 0; <br /> line-height:0; <br /> text-transform:uppercase; <br /> text-shadow:#CCCCCC; <br /> letter-spacing:0; <br /> font: $pagetitlefont; <br />} <br /> <br />#header a { <br /> color:$pagetitlecolor; <br /> text-decoration:none; <br /> } <br /> <br />#header a:hover { <br /> color:$pagetitlecolor; <br /> } <br /> <br />#header .description { <br /> margin:0 5px 0 5px; <br /> padding:0 20px 15px 0; <br /> max-width:700px; <br /> text-transform:uppercase; <br /> letter-spacing:.2em; <br /> line-height: 1.4em; <br /> font: $descriptionfont; <br /> color: $descriptioncolor; <br /> background: url(http://lh4.ggpht.com/azizul.ameir/SLIuvzPOg8I/AAAAAAAAA98/1RE6FVwBqmE/wanted-bullet.png) top right no-repeat; <br />} <br /> <br />#header img { <br /> margin-$startSide: auto; <br /> margin-$endSide: auto; <br />} <br /> <br /> <br />/* Outer-Wrapper <br />----------------------------------------------- */ <br />#outer-wrapper { <br /> width: 806px; <br /> margin:0 auto; <br /> background:#fff url(main_t_r.gif) top right no-repeat; <br /> padding:10px; <br /> text-align:$startSide; <br /> font: $bodyfont; <br /> position:relative; <br /> z-index:1; <br /> } <br /> <br />#main-wrapper { <br /> width: 410px; <br /> float: $startSide; <br /> word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ <br /> overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ <br /> } <br /> <br />#sidebar-wrapper { <br /> width: 220px; <br /> float: $endSide; <br /> word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ <br /> overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ <br />} <br /> <br /> <br />/* Headings <br />----------------------------------------------- */ <br /> <br />h2 { <br /> margin:1.5em 0 .75em; <br /> font:$headerfont; <br /> line-height: 1.4em; <br /> text-transform:uppercase; <br /> letter-spacing:.2em; <br /> color:$sidebarcolor; <br />} <br /> <br /> <br />/* Posts <br />----------------------------------------------- <br /> */ <br />h2.date-header { <br /> margin:1.5em 0 .5em; <br /> } <br /> <br />.post { <br /> margin:.5em 0 1.5em; <br /> border-bottom:1px dotted $bordercolor; <br /> padding-bottom:1.5em; <br /> } <br />.post h3 { <br /> margin:.25em 0 0; <br /> padding:0 0 4px; <br /> font-size:140%; <br /> font-weight:normal; <br /> line-height:1.4em; <br /> color:$titlecolor; <br />} <br /> <br />.post h3 a, .post h3 a:visited, .post h3 strong { <br /> display:block; <br /> text-decoration:none; <br /> color:$titlecolor; <br /> font-weight:bold; <br />} <br /> <br />.post h3 strong, .post h3 a:hover { <br /> color:$textcolor; <br />} <br /> <br />.post-body { <br /> margin:0 0 .75em; <br /> line-height:1.6em; <br />} <br /> <br />.post-body blockquote { <br /> line-height:1.3em; <br />} <br /> <br />.post-footer { <br /> margin: .75em 0; <br /> color:$sidebarcolor; <br /> text-transform:uppercase; <br /> letter-spacing:.1em; <br /> font: $postfooterfont; <br /> line-height: 1.4em; <br />} <br /> <br />.comment-link { <br /> margin-$startSide:.6em; <br /> } <br />.post img { <br /> padding:4px; <br /> border:1px solid $bordercolor; <br /> } <br />.post blockquote { <br /> margin:1em 20px; <br /> } <br />.post blockquote p { <br /> margin:.75em 0; <br /> } <br /> <br />/* Comments <br />----------------------------------------------- */ <br />#comments h4 { <br /> margin:1em 0; <br /> font-weight: bold; <br /> line-height: 1.4em; <br /> text-transform:uppercase; <br /> letter-spacing:.2em; <br /> color: $sidebarcolor; <br /> } <br /> <br />#comments-block { <br /> margin:1em 0 1.5em; <br /> line-height:1.6em; <br /> } <br />#comments-block .comment-author { <br /> margin:.5em 0; <br /> } <br />#comments-block .comment-body { <br /> margin:.25em 0 0; <br /> } <br />#comments-block .comment-footer { <br /> margin:-.25em 0 2em; <br /> line-height: 1.4em; <br /> text-transform:uppercase; <br /> letter-spacing:.1em; <br /> } <br />#comments-block .comment-body p { <br /> margin:0 0 .75em; <br /> } <br />.deleted-comment { <br /> font-style:italic; <br /> color:gray; <br /> } <br /> <br />.feed-links { <br /> clear: both; <br /> line-height: 2.5em; <br />} <br /> <br />#blog-pager-newer-link { <br /> float: $startSide; <br /> } <br /> <br />#blog-pager-older-link { <br /> float: $endSide; <br /> } <br /> <br />#blog-pager { <br /> text-align: center; <br /> } <br /> <br />/* Sidebar Content <br />----------------------------------------------- */ <br />.sidebar h2 { <br /> margin: 0 auto; <br /> padding: 8px 0 0 34px; <br /> background: $sidebarTitleBgColor url(http://lh5.ggpht.com/azizul.ameir/SLIuqF9yHpI/AAAAAAAAA90/DqAQcnYGu2E/wanted-art.png) top left no-repeat; <br /> font-size: 100%; <br /> min-height:32px; <br /> color: $sidebarTitleTextColor; <br />} <br /> <br />.sidebar { <br /> color: $sidebartextcolor; <br /> line-height: 1.5em; <br /> } <br /> <br />.sidebar ul { <br /> list-style:none; <br /> margin:0 0 0; <br /> padding:0 0 0; <br />} <br />.sidebar li { <br /> margin:0; <br /> padding-top:0; <br /> padding-$endSide:0; <br /> padding-bottom:.25em; <br /> padding-$startSide:15px; <br /> text-indent:-15px; <br /> line-height:1.5em; <br /> } <br /> <br />.sidebar .widget, .main .widget { <br /> border-bottom:1px dotted $bordercolor; <br /> margin:0 0 1.5em; <br /> padding:0 0 1.5em; <br /> } <br /> <br />.main .Blog { <br /> border-bottom-width: 0; <br />} <br /> <br />/* Profile <br />----------------------------------------------- */ <br />.profile-img { <br /> float: $startSide; <br /> margin-top: 0; <br /> margin-$endSide: 5px; <br /> margin-bottom: 5px; <br /> margin-$startSide: 0; <br /> padding: 4px; <br /> border: 1px solid $bordercolor; <br />} <br /> <br />.profile-data { <br /> margin:0; <br /> text-transform:uppercase; <br /> letter-spacing:.1em; <br /> font: $postfooterfont; <br /> color: $sidebarcolor; <br /> font-weight: bold; <br /> line-height: 1.6em; <br />} <br /> <br />.profile-datablock { <br /> margin:.5em 0 .5em; <br />} <br /> <br />.profile-textblock { <br /> margin: 0.5em 0; <br /> line-height: 1.6em; <br />} <br /> <br />.profile-link { <br /> font: $postfooterfont; <br /> text-transform: uppercase; <br /> letter-spacing: .1em; <br />} <br /> <br />/* Footer <br />----------------------------------------------- */ <br />#footer { <br /> width:660px; <br /> clear:both; <br /> margin:0 auto; <br /> padding-top:15px; <br /> line-height: 1.6em; <br /> text-transform:uppercase; <br /> letter-spacing:.1em; <br /> text-align: center; <br />} <br />]]></b:skin> <br /> </head> <br /> <br /> <body> <br /> <div id='outer-wrapper'><div id='wrap2'> <br /> <br /> <!-- skip links for text browsers --> <br /> <span id='skiplinks' style='display:none;'> <br /> <a href='#main'>skip to main </a> | <br /> <a href='#sidebar'>skip to sidebar</a> <br /> </span> <br /> <br /> <div id='header-wrapper'> <br /> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <br /><b:widget id='Header1' locked='true' title='Bloggertrix (Header)' type='Header'> <br /><b:includable id='title'> <br /> <b:if cond='data:blog.url == data:blog.homepageUrl'> <br /> <data:title/> <br /> <b:else/> <br /> <a expr:href='data:blog.homepageUrl'><data:title/></a> <br /> </b:if> <br /> </b:includable> <br /><b:includable id='description'> <br /> <div class='descriptionwrapper'> <br /> <p class='description'><span><data:description/></span></p> <br /> </div> <br /> </b:includable> <br /><b:includable id='main'> <br /> <div class='titlewrapper'> <br /> <h1 class='title'> <br /> <b:if cond='data:blog.url == data:blog.homepageUrl'> <br /> <data:title/> <br /> <b:else/> <br /> <a expr:href='data:blog.homepageUrl'><data:title/></a> <br /> </b:if> <br /> </h1> <br /> </div> <br /> <div class='descriptionwrapper'> <br /> <p class='description'><data:description/></p> <br /> </div> <br /> </b:includable> <br /></b:widget> <br /></b:section> <br /> </div> <br /> <br /> <div id='content-wrapper'> <br /> <br /> <div id='crosscol-wrapper' style='text-align:center'> <br /> <b:section class='crosscol' id='crosscol' showaddelement='no'/> <br /> </div> <br /> <br /> <div id='main-wrapper'> <br /> <b:section class='main' id='main' showaddelement='no'> <br /><b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'> <br /><b:includable id='nextprev'> <br /> <div class='blog-pager' id='blog-pager'> <br /> <b:if cond='data:newerPageUrl'> <br /> <span id='blog-pager-newer-link'> <br /> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a> <br /> </span> <br /> </b:if> <br /> <br /> <b:if cond='data:olderPageUrl'> <br /> <span id='blog-pager-older-link'> <br /> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a> <br /> </span> <br /> </b:if> <br /> <br /> <b:if cond='data:blog.homepageUrl != data:blog.url'> <br /> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> <br /> <b:else/> <br /> <b:if cond='data:newerPageUrl'> <br /> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> <br /> </b:if> <br /> </b:if> <br /> <br /> </div> <br /> <div class='clear'/> <br /></b:includable> <br /><b:includable id='backlinks' var='post'> <br /> <a name='links'/><h4><data:post.backlinksLabel/></h4> <br /> <b:if cond='data:post.numBacklinks != 0'> <br /> <dl class='comments-block' id='comments-block'> <br /> <b:loop values='data:post.backlinks' var='backlink'> <br /> <div class='collapsed-backlink backlink-control'> <br /> <dt class='comment-title'> <br /> <span class='backlink-toggle-zippy'> </span> <br /> <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a> <br /> <b:include data='backlink' name='backlinkDeleteIcon'/> <br /> </dt> <br /> <dd class='comment-body collapseable'> <br /> <data:backlink.snippet/> <br /> </dd> <br /> <dd class='comment-footer collapseable'> <br /> <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span> <br /> <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span> <br /> </dd> <br /> </div> <br /> </b:loop> <br /> </dl> <br /> </b:if> <br /> <p class='comment-footer'> <br /> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a> <br /> </p> <br /></b:includable> <br /><b:includable id='post' var='post'> <br /><div class='post' id='post'> <br /> <a expr:name='data:post.id'/> <br /> <h2 class='date-header' id='PostDate'> <br /> <data:post.dateHeader/> <br /> </h2> <br /> <h3 class='post-title' id='PostTitle'> <br /> <b:if cond='data:post.url'> <br /> <a expr:href='data:post.url'><data:post.title/></a> <br /> <b:else/> <br /> <data:post.title/> <br /> </b:if> <br /> </h3><br/> <br /> <br /> <div class='post-header-line-1'/> <br /> <style>#fullpost {display:none;}</style> <br /> <div class='post-body' id='PostContent'> <br /> <p><data:post.body/></p> <br /> <div style='clear: both;'/> <!-- clear for photos floats --> <br /> </div> <br /> <span id='showlink' style='display:none'> <br /> <p><a href='javascript:showFullNeo();'>Read More...</a></p> <br /> </span> <br /> <span id='hidelink' style='display:none'> <br /> <p><a href='javascript:hideFullNeo();'>Collapse...</a></p> <br /> </span> <br /> <script type='text/javascript'> <br /> checkFullNeo(); <br /> </script> <br /> <div class='post-footer'> <br /> <p class='post-footer-line post-footer-line-1'> <br /> <span class='post-author'> <br /> <b:if cond='data:top.showAuthor'> <br /> <data:top.authorLabel/> <data:post.author/> <br /> </b:if> <br /> </span> <br /> <b:if cond='data:post.editUrl'> <br /> <span expr:class='"item-control " + data:post.adminClass' id='PostEditLink'> <br /> <a expr:href='data:post.editUrl' title='Edit Post'> <br /> <span class='quick-edit-icon'> </span> <br /> </a> <br /> </span> <br /> </b:if> <br /> </p> <br /> <h3 class='post-comment-link' id='PostCommentLink'> <br /> <a expr:href='data:post.addCommentUrl' target='_blank'>Post a Comment</a> <br /> </h3> <br /> <br /> <span class='post-icons'> <br /> <!-- email post links --> <br /> <b:if cond='data:post.emailPostUrl'> <br /> <span class='item-action'> <br /> <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'> <br /> <span class='email-post-icon'> </span> <br /> </a> <br /> </span> <br /> </b:if> <br /> </span> <br /> </div> <br /> <br /> <div id='backlinks-container'> <br /> <div expr:id='data:widget.instanceId + "_backlinks-container"'> <br /> <b:if cond='data:post.showBacklinks'> <br /> <b:include data='post' name='backlinks'/> <br /> </b:if> <br /> </div> <br /> </div> <br /></div> <br /></b:includable> <br /><b:includable id='commentDeleteIcon' var='comment'> <br /> <span expr:class='"item-control " + data:comment.adminClass'> <br /> <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> <br /> <span class='delete-comment-icon'> </span> <br /> </a> <br /> </span> <br /></b:includable> <br /><b:includable id='status-message'> <br /> <b:if cond='data:navMessage'> <br /> <div class='status-msg-wrap'> <br /> <div class='status-msg-body'> <br /> <data:navMessage/> <br /> </div> <br /> <div class='status-msg-border'> <br /> <div class='status-msg-bg'> <br /> <div class='status-msg-hidden'><data:navMessage/></div> <br /> </div> <br /> </div> <br /> </div> <br /> <div style='clear: both;'/> <br /> </b:if> <br /></b:includable> <br /><b:includable id='feedLinks'> <br /> <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links --> <br /> <b:if cond='data:feedLinks'> <br /> <div class='blog-feeds'> <br /> <b:include data='feedLinks' name='feedLinksBody'/> <br /> </div> <br /> </b:if> <br /> <br /> <b:else/> <!--Post feed links --> <br /> <div class='post-feeds'> <br /> <b:loop values='data:posts' var='post'> <br /> <b:if cond='data:post.allowComments'> <br /> <b:if cond='data:post.feedLinks'> <br /> <b:include data='post.feedLinks' name='feedLinksBody'/> <br /> </b:if> <br /> </b:if> <br /> </b:loop> <br /> </div> <br /> </b:if> <br /></b:includable> <br /><b:includable id='comment-form' var='post'> <br /> <div class='comment-form'> <br /> <a name='comment-form'/> <br /> <h4 id='comment-post-message'><data:postCommentMsg/></h4> <br /> <p><data:blogCommentMessage/></p> <br /> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' style='display: none'/> <br /> <iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='100%'/> <br /> <data:post.iframeColorizer/> <br /> </div> <br /></b:includable> <br /><b:includable id='backlinkDeleteIcon' var='backlink'> <br /> <span expr:class='"item-control " + data:backlink.adminClass'> <br /> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> <br /> <span class='delete-comment-icon'> </span> <br /> </a> <br /> </span> <br /></b:includable> <br /><b:includable id='feedLinksBody' var='links'> <br /> <div class='feed-links'> <br /> <data:feedLinksMsg/> <br /> <b:loop values='data:links' var='f'> <br /> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a> <br /> </b:loop> <br /> </div> <br /></b:includable> <br /><b:includable id='postQuickEdit' var='post'> <br /> <b:if cond='data:post.editUrl'> <br /> <span expr:class='"item-control " + data:post.adminClass'> <br /> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <br /> <span class='quick-edit-icon'> </span> <br /> </a> <br /> </span> <br /> </b:if> <br /></b:includable> <br /><b:includable id='comments' var='post'> <br /> <div class='comments' id='comments'> <br /> <a name='comments'/> <br /> <b:if cond='data:post.allowComments'> <br /> <h4> <br /> <b:if cond='data:post.numComments == 1'> <br /> 1 <data:commentLabel/>: <br /> <b:else/> <br /> <data:post.numComments/> <data:commentLabelPlural/>: <br /> </b:if> <br /> </h4> <br /> <br /> <dl id='comments-block'> <br /> <b:loop values='data:post.comments' var='comment'> <br /> <dt class='comment-author' expr:id='"comment-" + data:comment.id'> <br /> <a expr:name='"comment-" + data:comment.id'/> <br /> <b:if cond='data:comment.authorUrl'> <br /> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <br /> <b:else/> <br /> <data:comment.author/> <br /> </b:if> <br /> <data:commentPostedByMsg/> <br /> </dt> <br /> <dd class='comment-body'> <br /> <b:if cond='data:comment.isDeleted'> <br /> <span class='deleted-comment'><data:comment.body/></span> <br /> <b:else/> <br /> <p><data:comment.body/></p> <br /> </b:if> <br /> </dd> <br /> <dd class='comment-footer'> <br /> <span class='comment-timestamp'> <br /> <a expr:href='"#comment-" + data:comment.id' title='comment permalink'> <br /> <data:comment.timestamp/> <br /> </a> <br /> <b:include data='comment' name='commentDeleteIcon'/> <br /> </span> <br /> </dd> <br /> </b:loop> <br /> </dl> <br /> <br /> <p class='comment-footer'> <br /> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> <br /> </p> <br /> </b:if> <br /> <br /> <div id='backlinks-container'> <br /> <div expr:id='data:widget.instanceId + "_backlinks-container"'> <br /> <b:if cond='data:post.showBacklinks'> <br /> <b:include data='post' name='backlinks'/> <br /> </b:if> <br /> </div> <br /> </div> <br /> </div> <br /></b:includable> <br /><b:includable id='main' var='top'> <br /> <!-- POSTS --> <br /> <div class='blog-posts'> <br /> <b:loop values='data:posts' var='post'> <br /> <b:include data='top' name='status-message'/> <br /> <b:include data='post' name='post'/> <br /> <br /> <script language='javascript'> <br /> var blogAuthor = '<data:post.author/>'; <br /> fetchComments('<data:post.id/>'); <br /> </script> <br /> </b:loop> <br /> </div> <br /> <b:if cond='data:blog.pageType != "archive"'> <br /> <div class='comments' id='comments'> <br /> <center><h2>No comments yet</h2></center> <br /> </div> <br /> </b:if> <br /> <br /></b:includable> <br /></b:widget> <br /></b:section> <br /> </div> <br /> <br /> <div id='sidebar-wrapper'> <br /> <b:section class='sidebar' id='sidebar' preferred='yes'> <br /><b:widget id='Gadget1' locked='false' title='Blogger Play' type='Gadget'> <br /><b:includable id='main'> <br /> <!-- only display title if it's non-empty --> <br /> <b:if cond='data:renderingUrl != ""'> <br /> <b:if cond='data:title != ""'> <br /> <h2 class='title'><data:title/></h2> <br /> </b:if> <br /> <div class='widget-content' style='border: 1px solid #999; padding: 2px'> <br /> <br /> <b:if cond='data:trackingUrl != ""'> <br /> <img expr:src='data:trackingUrl' height='1' width='1'/> <br /> </b:if> <br /> <br /> <iframe expr:height='data:height' expr:id='data:moduleId' expr:name='data:moduleId' expr:src='data:renderingUrl' frameborder='0' style='width: 100%; display: block'> <br /> </iframe> <br /> </div> <br /> <b:else/> <br /> <data:errorMessage/> <br /> </b:if> <br /> <br /> <b:include name='quickedit'/> <br /></b:includable> <br /></b:widget> <br /><b:widget id='Label1' locked='false' title='Labels' type='Label'> <br /><b:includable id='main'> <br /><div id='LabelList'> <br /> <b:if cond='data:title'> <br /> <h2><data:title/></h2> <br /> </b:if> <br /> <div class='widget-content'> <br /> <ul> <br /> <b:loop values='data:labels' var='label'> <br /> <li> <br /> <b:if cond='data:blog.url == data:label.url'> <br /> <data:label.name/> <br /> <b:else/> <br /> <a expr:href='"javascript:fetchLatestPosts(\"" + data:blog.homepageUrl + "\",\"" + data:label.name + "\");"'><data:label.name/></a>&nbsp;(<data:label.count/>) <br /> </b:if> <br /> </li> <br /> </b:loop> <br /> </ul> <br /> <b:include name='quickedit'/> <br /> </div> <br /></div> <br /></b:includable> <br /></b:widget> <br /><b:widget id='HTML1' locked='false' title='Azo Logo' type='HTML'> <br /><b:includable id='main'> <br /> <div class='widget-content'> <br /> <p><a href='http://azowebsphere.blogspot.com/search/label/blogger%20template'><img src='http://lh5.ggpht.com/azizul.ameir/SKrJJ-q_poI/AAAAAAAAA9c/mBYXenl7Z5M/template_by_azowebsphere.png'/></a></p> <br /> </div> <br /> <br /> <b:include name='quickedit'/> <br /></b:includable> <br /></b:widget> <br /></b:section> <br /> </div> <br /> <br /> <!-- spacer for skins that want sidebar and main to be the same height--> <br /> <div class='clear'> </div> <br /> <br /> </div> <!-- end content-wrapper --> <br /> <br /> <div id='footer-wrapper'> <br /> <b:section class='footer' id='footer'/> <br /> </div> <br /> <br /> </div></div> <!-- end outer-wrapper --> <br /></body> <br /></html> <br />

OR you can DOWNLOAD.

How to scan text directly into Microsoft Word using OCR

One day my boss asked me to get a soft copy of an annual report. He gave a 400 pages report book and he want it done by the end of the day. Luckily he just needed some portion of it but still the amount were a lot and can't possibly done in one afternoon. So I'm thought that it would be better if I can scan the text report directly using a scanner and grab the text and past it into a Microsoft Word document. And that was exactly what I did.

I'll show you how I done it. This method require a copy of Microsoft Office 2007 or later. What you need to do is to install the Microsoft Office Document Scanning tool. It is shipped with Microsoft Office as an optional tool However the tool is not install during the Microsoft Office normal installation.

Step 1: Go to Control Panel > Add or Remove Programs. Search for Microsoft Office 2007. Click change button. Choose add or remove feature on the next screen. Next you will get this pop-up

Step 2: Scroll down to the 'Office Tools' and expand it. Expand the 'Microsoft Office Document Imaging'. You will get the following options feature.
Select 'Run on your Computer'. That's it, you are done.

How To Change Blogger Favicon

What is Favicon?
Favicon (abbreviation of "favorites icon" and also known as a page icon), is an icon associated with a particular website or webpage that is displayed in the browser address bar next to a site's URL.By default, Blogger inserted their own favicon. Do you know that you customize and install your very own favicon? Here's how...

Before we start, you will need an icon image with .ico extension. If you don't have any, there several tools that you can use to create one. But if you're totally clueless, you can create it using an online tool. Once generated, save it on your desktop and follow this step:

Step 1: You need to host the icon image somewhere by uploading the icon to your favorite image hosting. You can try Oogle Toogle or imageshack if you want. Copy the published url as your reference.

Step 2: Go to your Blogger Dashboard > Layout > Edit HTML.
There find the title tag which looks like this:-

<title><data:blog.pagetitle/></title>

and add the following code:

<br /><link href="URL-of-your-icon-file" rel="shortcut icon"> <br />

Change the URL-of-your-icon-file to your actual icon URL that you get from step 1.

Step 3: Save the template, refresh your blog and you are done.