Chuyên trang blog về tin học

Duyệt Microsoft Office theo thẻ

2009-08-28T11:33:00.001+07:00

Microsoft Office

Từ lâu, phương thức duyệt nhiều cửa sổ trang web theo thẻ đã được sử dụng rộng rãi trong hầu hết trình duyệt. Nếu muốn áp dụng cách duyệt file theo thẻ trong Microsoft Word, Excel, PowerPoint, bạn có thể nhờ sự trợ giúp của tiện ích OfficeTab.

Cửa sổ OfficeTab Setting Center.

Điểm độc đáo của OfficeTab so với các phần mềm cùng chức năng: cho phép bạn tùy chọn kiểu dáng và vị trí của thanh chứa thẻ theo nhu cầu (phía trên, phía dưới, bên trái, hoặc bên trái giao diện Word, Excel, PowerPoint).

Phiên bản mới nhất OfficeTab 1.2 có dung lượng chỉ 1,05MB, tương thích với hầu hết phiên bản Microsoft Office (kể cả Microsoft Office 2010 TP), được cung cấp miễn phí tại địa chỉ http://files.cnblogs.com/wangminbai/OfficeTabv1.20.zip.

Trong cửa sổ OfficeTab Setting Center xuất hiện ngay khi quá trình cài đặt chương trình hoàn tất, bạn thiết lập một vài thông số về cách hiển thị thanh chứa thẻ trong giao diện Excel, Word, PowerPoint thông qua ba thẻ ExcelTab, WordTab, PowerPointTab.

- Số lượng tùy chọn trong ba thẻ này là rất nhiều, nên bạn chỉ cần quan tâm đến hai trường: Appearance (bấm vào hộp bên phải mục Set Appearance rồi chọn ra một kiểu hiển thị thanh chứa thẻ ưng ý nhất trong 11 kiểu có sẵn), và Position (bấm vào hộp dưới mục Set Position rồi chọn vị trí đặt thanh chứa thẻ là 1-Above WorkSpace - phía trên giao diện như mặc định, 2-Below WorkSpace – phía dưới giao diện, 3-Left WorkSpace – bên trái giao diện, hoặc 4-Right WorkSpace – bên phải giao diện). Với các tùy chọn còn lại, bạn có thể giữ như mặc định.

Thiết lập xong, bạn bấm nút Apply > OK để xác nhận. Sau đó đóng cửa sổ OfficeTab Setting Center lại.

- Từ giờ, mỗi khi bạn mở từ hai file Word, Excel, Powerpoint trở lên, nội dung các file sẽ không hiển thị trong từng cửa sổ riêng biệt như trước nữa, mà nằm chung trong một cửa sổ duy nhất.

Duyệt Microsoft Word 2010 TP theo thẻ.

Lúc này, bạn có thể chuyển đổi qua lại giữa các file rất thuận tiện bằng cách nhấp vào tiêu đề của thẻ.

Bấm phải chuột vào tiêu đề của thẻ bất kỳ (bài này minh họa trên file Word), menu xổ ra gồm các lệnh đáng chú ý như: Close (đóng thẻ chứa file), Save (lưu lại nội dung file), SaveAs (lưu nội dung file dưới một tên khác), SaveAll (lưu lại nội dung tất cả thẻ đang mở), Close InactiveDocuments (đóng những thẻ còn lại, bên cạnh thẻ hiện hành), Close AllDocumetns (đóng tất cả các thẻ, bao gồm cả thẻ hiện hành), Open Folder (truy xuất nhanh đến thư mục chứa file), Lock Document (khóa thẻ để tránh tình trạng đóng nhầm file; sau này muốn đóng thẻ, bạn phải mở khóa cho thẻ trước bằng cách bấm phải chuột vào tiêu đề của thẻ và bỏ dấu chọn ở dòng Lock Document), WordOptions (mở hộp thoại cấu hình cách hiển thị thanh chứa thẻ).

Cấu hình thanh chứa thẻ.

Bên cạnh đó, chương trình còn hỗ trợ chuyển đổi qua lại giữa các thẻ bằng tổ hợp phím Ctrl + Tab, ẩn/hiện thanh chứa thẻ bằng tổ hợp phím Windows + Q.

[Nguồn : www.tuoitre.com.vn]

PDFMeNot - Xem tập tin PDF Online

2009-08-28T11:16:00.001+07:00

PDFMeNot

Adobe PDF là một trong những định dạng phổ biến được dùng để làm tài liệu trên mạng. So sánh với những định dạng thay thế khác, định dạng PDF có ưu điểm là vô cùng nhỏ gọn, cung cấp các chức năng mở rộng và có thể chia sẻ trên nhiều nền tảng khác nhau.

Adobe PDF

Tuy nhiên, nhược điểm của định dạng này là đòi hỏi phải có 1 trình đọc thích hợp. Mặc định, thì chương trình Adobe Reader được tạo ra nhằm mục đích này. Tuy nhiên do dung lượng của software khá nặng nề (128MB) trong khi chức năng lại không quá nổi bật, nên người ta hay dùng Foxit Reader để thay thế. Nếu bạn là người thích sử dụng các ứng dụng trực tuyến, thì PDFMeNot sẽ giúp bạn thực hiện chức năng trên mà không cần bất cứ phần mềm nào.

Trang chủ của PDFMeNot.

PDFMeNot là một ứng dụng web cực kì tiện lợi và hoàn toàn miễn phí. Dịch vụ này giúp bạn xem các tập tin PDF có sẵn trong PC hoặc nhờ đường dẫn trên web - giúp bạn khỏi phải download về máy. Cụm từ MeNot trong cái tên có thể gợi cho bạn nhớ tới các dự án thành công khác như BugMeNot ('vượt rào' website cần đăng nhập) hay RetailMeNot (tặng coupons giảm giá). Và dĩ nhiên, với danh tiếng của mình, PDFMeNot trong tương lai cũng sẽ lại mang đến thành công khác cho tác giả của những dịch vụ này.

Tuy vẫn đang trong giai đoạn Beta, nhưng PDFMeNot đã tạo cho người dùng hướng sử dụng dịch vụ một cách tiện lợi thông qua PdfMeNot Bookmarklet, Addon Firefox và các loại mã nhúng khác (tìm hiểu thêm tại đây).
Đồng thời, trong quá trình xử lý nội dung của tập tin PDF, dịch vụ này còn cung cấp cho bạn Đường dẫn để bookmark nếu có nhu cầu xem lại, kèm mã nhúng vào Website/Blog.

PDFMeNot đang xử lý dữ liệu.

PDFMeNot thật sự là website hữu ích. Hy vọng bài viết này đã mang đến cho bạn thông tin cần thiết để bạn có thể sử dụng Internet hiệu quả hơn. Chúc vui!

Blogger cải thiện và nâng cấp tính năng Label

2009-08-28T11:10:00.001+07:00

Blogger

Label/Tag Cloud - Mây thẻ, là 1 trong những widget thường thấy ở cả 2 nền Blog như Blogger (Blogspot) và Wordpress. Đối với Blogger vào lúc trước, widget Label rất thô sơ và chỉ có mỗi kiểu danh sách, nếu muốn trang trí đòi hỏi người dùng phải chèn nhiều đoạn mã vào Mã nguồn Template. Trong đợt thăm dò ý kiến người dùng vừa rồi, Blogger đã thỏa mãn yêu cầu của nhiều người sử dụng bằng việc cải tiến thêm widget Label trong dịch vụ của mình.

Mặc dù được giới thiệu khá trễ, nhưng "Có còn hơn không", việc Blogger tích hợp sẵn chế độ Label Cloud trong Blogger sẽ góp phần làm hoàn thiện hơn nền tảng Blog nổi tiếng này, giúp các blogger mới dễ dàng sử dụng dù chưa có kinh nghiệm.

Các tùy chỉnh trong widget Label.

Hơn thế, Blogger còn cho phép người dùng được quyền lựa chọn các nhãn sẽ xuất hiện theo ý thích. Điều này có nghĩa là bạn có thể tạo nhiều widget Label chứa các nhãn riêng biệt - một tính năng hoàn toàn mới.

Tính năng chọn nhãn.

Bạn có thể tạo nhiều Label trong Blog.

Hy vọng sự cải tiến của Blogger sẽ làm các bạn hài lòng hơn về nền tảng Blog của 'ông lớn' Google. Và theo như Blogger Buzz, thì đây chỉ là 1 trong nhiều tính năng mới mà Blogger sẽ 'khai trương' trong sinh nhật lần thứ 10! Hãy cùng chờ xem nhé .

Tạo Khung Accordion với jQuery

2009-08-19T10:59:00.000+07:00

jQuery

Dạo qua nhiều blog, chắc hẳn các bạn đều đã từng thấy tab-widget thường hay được sử dụng trên Blogger. Nếu đã cảm thấy nhàm chán với loại tab-widget ấy, thì hôm nay mình xin giới thiệu đến các bạn một loại widget mới có tên Accordion.

Accordion

Widget Accordion là một dạng box-widget có khả năng trượt Hiện/Ẩn khi click chuột. Được viết trên nền jQuery , Accordion sẽ hoạt động khá 1 mượt khi sử dụng thay vì đơn giản như các loại widget thông thường.

Lúc trước, template của Blog Tin Học đã từng cài widget này, nhưng do cảm thấy vị trí phân bố không thích hợp nên đành gỡ bỏ. Nếu bạn cảm thấy ưng ý với Accordion, hãy thực hiện các bước sau để tạo widget này cho Blog mình nhé :

Đăng nhập vào Blogger > Layout > Edit HTML (Không cần Mở rộng Mẫu tiện ích)
Thêm đoạn code bên dưới vào ngay trên thẻ </head>
<script src='http://code.jquery.com/jquery.js' type='text/javascript'/>
<style type='text/css'>

/* Main accordion container */
.accordion{
width:500px;
}

/* accordion content div, default display is hidden */
.accContent{
display:none;
border:1px solid #CCCCCC;
padding:3px;
}

/* Title links (clickable to show their content and hide others) */
.acctitle{
display:block;
width:100%;
padding:3px 3px 3px 3px;
background-color:#CC0000;
color:#FFFFFF;
cursor:pointer
}

/* Default accordion class (usually first one so it is always visible) */
.defaultAccordion{
display:block;

}
</style>
Thêm đoạn code bên dưới vào ngay dưới thẻ </head>
<script type='text/javascript'>
$(function(){
    // loop though each link
    $("a.acctitle").each(function(){
        // add an event on click
        $(this).click(function(){
            // hide all div's with accContent class
            $(".accContent").each(function(){
                $(this).hide("slow");
            });

            // the main point of this script - Fetch ref attribute of
            // title link and display the hidden div with that id
            $("#"+$(this).attr("ref")).show("slow");
                return;
            });
    });
});
</script>
Save lại template, rồi chuyển sang tab Phần tử trang (Page Elements) . Tạo một widget HTML/Javascript với nội dung như sau :
<div class="accordion">
    <a ref="first_section" class="acctitle">First Section (đây là title)</a>
    <div id="first_section" class="accContent defaultAccordion">
    <p>First Accordion Section (đây là content)</p>
    </div>

    <a ref="second_section" class="acctitle">Second hidden Section</a>
    <div id="second_section" class="accContent">
        <p>2nd Accordion Section</p>
    </div>

    <a ref="third_section" class="acctitle">Third Hidden Section</a>
    <div id="third_section" class="accContent">
        <p>Last Accordion Section</p>
    </div>
</div>
Hiệu chỉnh nội dung widget trên theo ý thích rồi save lại template.

Hiệu chỉnh Accordion

- Đầu tiên, bạn cần thay những vùng text được tô màu đỏ thành những nội dung từ Blog bạn.
- Bạn lưu ý thứ tự của các section trong 2 mục ref= và id= phải giống nhau.
- Ngoài ra , bạn còn có thể hiệu chỉnh các thông số của code màu lục để khung Accordion mang dáng vẻ phù hợp với Blog của bạn.
- Cuối cùng, để thêm section khác cho khung Accordion, bạn chỉ việc copy đoạn code tương ứng, tăng thứ tự của section trong 2 mục ref= và id= và tinh chỉnh vùng text được tô màu đỏ .

P/s : Nếu còn thắc mắc, hãy để lại comment cho mình. Mình sẽ cố gắng trả lời nhanh nhất. Hy vọng bạn thích thủ thuật này. Chúc thành công !

QuickTime Alternative - Codec tuyệt vời dành cho định dạng QuickTime

2009-08-15T16:35:00.001+07:00

QuickTime

Ngoài Real Alternative - một codec (phần mềm mã hóa) giúp bạn chạy tập tin của Real Player mà không cần cài đặt Player gốc, thì QuickTime Alternative cũng mang chức năng tương tự đối với tập tin QuickTime một cách dễ dàng.

QuickTime Alternative sẽ giúp bạn xem các định dạng của QuickTime (.mov, .qt, .3gp ...) mà không cần phải cài đặt phần mềm QuickTime Player chính thức từ Apple. Ngoài ra, QuickTime Alternative còn được tích hợp dưới dạng plugin vào trình duyệt web, giúp bạn có thể chơi toàn bộ định dạng của QuickTime ngay trên trình duyệt một cách dễ dàng mà không cần phải download về PC.

1. Đầu tiên, bạn download QuickTime Alternative tại đây (Nếu PC của bạn đã có Media Player Classic, bạn chỉ cần download bản Lite tại đây).
2. Click vào file set-up và tiến hành cài đặt (Chỉ việc Next vài lần).

Ảnh chụp trong quá trình cài đặt

3. Sau khi hoàn tất, bạn đã có thể xem các tập tin của QuickTime một cách dễ dàng.

Hy vọng codec này sẽ giúp bạn trong việc sử dụng Media Player Classic một cách hoàn thiện hơn. Chúc vui!

Seadragon - Chia sẻ ảnh có độ phân giải lớn

2009-08-15T12:24:00.004+07:00

Seadragon

Trong các bài đăng trước, mình đã từng giới thiệu đến các bạn dịch vụ BritePic khiến bức ảnh trở nên sinh động khi sử dụng dưới nền Flash. Ngoài ra, cũng có 1 ứng dụng web có chức năng tương tự mà mình muốn giới thiệu thêm cho các bạn trong bài đăng hôm nay, đó chính là Seadragon.

Khác với BritePic, ứng dụng Seadragon này không sử dụng nền Flash mà thay vào đó là ngôn ngữ Ajax tích hợp. Được phát triển bởi Microsoft Live Labs, Seadragon có thể giúp bạn chia sẻ các tấm ảnh có độ phân giải cực lớn một cách dễ dàng; và bạn không cần phải đăng ký bất cứ tài khoản nào để sử dụng. Bạn có thể xem demo ngay bên dưới :

Bức ảnh trên có kích thước 2000x1250 và kích cỡ gần 807KB. Tuy khá lớn nhưng bạn có thể thấy Seadragon vẫn hoạt động khá trơn tru và không hề làm giảm chất lượng ảnh. Rất tuyệt đúng không nào! Bạn cũng có thể tạo một bức ảnh như thế bằng cách truy cập vào Seadragon , nhập URL của ảnh và nhấn Create, bức ảnh sẽ được hoàn thành trong vài giây.

Một số ưu điểm của dịch vụ Seadragon :
- Ngoài mã nhúng vào Blog, ứng dụng web này còn cho phép bạn chia sẻ qua URL hay các mạng xã hội như Delicious, Digg, Facebook, Twitter.

Chia sẻ ảnh với Seadragon dễ dàng

- Chức năng zoom hoạt động rất trơn tru và linh hoạt. Ngoài cách nhấn 2 nút +/- để phóng to/thu nhỏ , bạn còn có thể double-click lên vị trí cần phóng lớn hoặc dùng con lăn chuột.
- Người dùng còn có thể xem ảnh ở chế độ full-page (toàn trang) bằng cách click vào nút cuối góc phải nếu không thích zoom; và dễ dàng trở về kích cỡ ban đầu của ảnh bằng nút Home.
- Ngoài ra, để di chuyển bức ảnh, đơn giản bạn chỉ việc drag nó bằng trỏ chuột.

Không cần phải sử dụng code rườm rà như Britepic, Seadragon vẫn hoạt động tốt và mang nhiều ưu điểm hơn. Hãy dùng Seadragon ngay để thử nghiệm dịch vụ của Microsoft nhé. Chúc vui !

Login2.me - Thêm 1 website giúp 'vượt rào' các forum cần đăng nhập

2009-08-13T04:32:00.001+07:00

Login2.me

Một trong những phiền phức khi tìm kiếm thông tin trên các forum là yêu cầu bạn phải đăng nhập. Dù rằng việc đăng kí mới không tốn nhiều thời gian cho lắm, nhưng thật bất tiện khi phải tạo account mới cho mỗi forum riêng biệt. Ngoài website BugMeNot đã khá nổi tiếng trong việc giúp 'vượt rào' các forum, nay mình xin giới thiệu thêm một site khác tương tự, đó là Login2.me .

Để sử dụng dịch vụ này, bạn có 2 cách :
- Truy cập vào website Login2.me, sau đó nhập URL của website cần đăng nhập và click Get, hệ thống sẽ tự truy xuất dữ liệu phù hợp cho bạn.

Cách 1

- Hoặc bookmark đường dẫn này vào trình duyệt của bạn, mỗi khi cần sử dụng thì click chuột vào nó.

Cách 2

Nếu tài khoản không hoạt động, bạn click Not working, show more để Login2.me tự động đưa ra tài khoản khác.

Tài khoản

Vì đang trong giai đoạn Beta nên Login2.me vẫn còn một số nhược điểm như chưa cung cấp chính xác tài khoản cho forum VN, chưa có tính năng vote account hoạt động. Nhưng tất nhiên, 'thà có còn hơn không', càng thêm nhiều dịch vụ thì ta càng thêm lợi. Và nếu thích thì bạn cũng có thể feedback cho admin của website bất cứ lúc nào nhằm giúp họ cải thiện thêm dịch vụ của mình.
Hy vọng Login2.me sẽ trở thành 1 trong các website hữu ích mà Blog tin học mang đến cho bạn. Chúc vui!

SocioFluid - Widget Bookmark dạng Dock cho Blog

2009-08-11T11:57:00.001+07:00

SocioFluid

Có khá nhiều tiện ích bookmark dành cho Blog như Addthis, AddtoAny, Sharethis hay widget được tùy chỉnh ... Nếu bạn muốn có một widget Bookmark mang giao diện Dock hoàn toàn mới lạ, hãy dùng thử tiện ích của SocioFluid.

Để cài đặt tiện widget Bookmark này, bạn thực hiện các bước sau :

Truy cập vào SocioFluid.
Bạn có thể giữ nguyên widget mặc định, hoặc tùy chỉnh nó theo ý thích.
Tùy chỉnh Widget
Nhấn Generate Widget để xem trước demo. Sau khi ưng ý, bạn chỉ việc click Add to Blogger và xác nhận việc cài đặt. Vậy là xong.
Preview và Add to Blogger

Xác nhận cài đặt

Screenshot kết quả dưới đây :

Demo

Vậy là bạn đã tạo được widget Bookmark dạng Dock cho Blog rồi đấy. Chúc vui!

Đổi màu quét khối mặc định với CSS3

2009-08-07T15:44:00.003+07:00

Blogger

Nếu Blog của bạn được thiết kế sử dụng một phông màu nhất định để mang phong cách riêng, vậy tại sao không thay đổi màu sắc của đoạn quét khối cho đồng bộ! Một chút ngôn ngữ CSS bên dưới đây sẽ giúp bạn đấy.

Đăng nhập vào Blogger > Layout > Edit HTML (không cần Mở rộng Mẫu tiện ích).
Tìm thẻ ]]></b:skin> trong template, và thêm phía trên nó đoạn code sau :
::-webkit-selection {
    background: #FF9933;
    }
::-moz-selection {
    background: #FF9933;
    }
Lưu ý : Bạn có thể dùng mã màu khác tùy vào Blog của mình.
Save lại template. Vậy là bạn đã thiết lập được hiệu ứng đổi màu quét khối.
Code ở bước 2 sẽ thay đổi màu của bất kì đoạn quét khối nào. Nếu chỉ muốn thay đổi 1 đoạn chỉ định, bạn hãy sử dụng mã sau :
.color::-webkit-selection {
background: #FF9933;
}
.color::-moz-selection {
background: #FF9933;
}
kèm theo cú pháp :
<div class="color">Nội dung</div>

Bạn có thể xem screenshot dưới đây để thấy kết quả :

Kết quả

Hy vọng chút thủ thuật nhỏ này sẽ khiến Blog bạn trở nên hoàn thiện hơn. Chúc vui !

Tạo Pop-under Ads cho Blogger

2009-08-07T15:03:00.003+07:00

Blogger

Đối với các Blogger, việc đặt các banner quảng cáo (ads) trên Blog sẽ gây phiền hà đối với người đọc. Tuy nhiên, đôi khi bạn có nhu cầu đặt ads để quảng cáo một dịch vụ nào đó, vậy hãy dùng Pop-under Ads.

Đây là một giải pháp tốt dùng để thay cho các Pop-up Ads thông thường. Không như pop-up (quảng cáo tự nhảy ra, tạo 1 cửa sổ mới), ở đây pop-under chỉ trượt kèm theo trỏ chuột, và người đọc hoàn toàn có thể tắt nó một cách dễ dàng. Nếu bạn muốn tạo Pop-under ads, hãy thực hiện các bước dưới đây.

Đăng nhập vào Blogger > Layout > Edit HTML (không cần Mở rộng Mẫu tiện ích).
Tìm thẻ ]]></b:skin> trong template, và replace nó bằng đoạn code sau:
    #popad{
        padding:5px;
        border:1px solid #999;
        background:#eee;
        width:X px;
    }
    #popad_footage{
        width:X px;
        height:Y px;
        background:url(Link hình ads) top left no-repeat;
    }
    #popad_footage a{
        display:block;
        width:X px;
        height:Y px;
        text-indent:-600px;
        overflow:hidden;
    }
    #popad.dynamic #popad_footage{
        width:X px;
        height:Y+Z px;
        background:url(Link hình ads có kèm nút Close) top left no-repeat;
    }
        #popad.dynamic #popad_footage a#popad_close{
        color:#ddd;
        height:Z px;
    }
    #popad.dynamic{
        position:absolute;
        top:3em;
        right:15%;
    }
    html>body #popad.dynamic{
        position:fixed;
    }
]]></b:skin>
    <script src='http://boyprodx.110mb.com/BlogTools/popundermagic.js' type='text/javascript'/>
Lưu ý : Đoạn CSS từ ]]></b:skin> trở lên trên cần phải hiệu chỉnh, mình sẽ hướng dẫn ở dưới.
Save lại template và chuyển sang tab Page Elements.
Tạo 1 phần tử HTML với nội dung :
<div id="popad"><div id="popad_footage">
<a href="Link liên kết"></a>
</div></div>
Save lại phần tử và kiểm tra kết quả.

Hiệu chỉnh bước 2

Các giá trị :
- X : Chiều rộng ads.
- Y : Chiều cao ads.
- Z : Độ dài khoảng cách từ nút Close tới ads.

Giá trị

Để biết được chính xác các giá trị này, đơn giản nhất hãy bật chế độ xem Title trong PC.

Bật chế độ xem Title

Thiết lập vị trí xuất hiện của ads trên Blog :
- #popad.dynamic{position:absolute;top:3em;right:15%;} : Ads sẽ cách phía trên 3em và bên phải 15% chiều rộng trình duyệt.

Kết quả
Xem Screenshot bên dưới hoặc Demo tại đây (View Source để hiểu thêm về đoạn code).

Kết quả

Hy vọng thủ thuật tạo Pop-Under Ads sẽ hữu ích đối với bạn. Chúc vui !

True Transparency v1.1 - Tạo hiệu ứng trong suốt Aero cho Windows XP

2009-08-05T16:03:00.005+07:00

True Transparency

TrueTransparency là một ứng dụng miễn phí giúp bạn tạo tính năng Aero (trong suốt) trên Windows XP. Với các giao diện đã được tùy biến sẵn, đơn giản chỉ với một nút click chuột là bạn đã có thể mang đến một hiệu ứng hoàn toàn mới cho OS của mình.

Phần mềm TrueTransparency rất nhỏ gọn, chạy trực tiếp không cần cài đặt và chiếm ít dung lượng hệ thống. Bạn có thể thiếp lập khởi động kèm Windows rất dễ dàng. Phiên bản mới nhất 1.1 đã được cập nhật một số tính năng như sau :

Thêm hiệu ứng AeroSnap.
Thêm hiệu ứng AeroShake.
Icon mới bởi babasse.
Mục 'About'.
Ngôn ngữ mới - Magyar.
Trình duyệt Safari và Chrome bị loại trừ trong danh sách hỗ trợ.
Vá lỗi cửa sổ hiện đè lên taskbar và crash khi chuyển skin.

Để thiếp lập các tính năng của TrueTransparency , bạn right-click vào icon chương trình trên thanh taskbar và hiệu chỉnh theo ý mình.

Options

Phần mềm này có nhược điểm là hiển thị không tốt ngôn ngữ Tiếng Việt, nên khi truy cập các website VN, bạn sẽ thấy thanh tiêu đề trình duyệt sẽ hiện sai các kí tự. Tuy nhiên đây chỉ là 1 lỗi nhỏ nên bạn không phải quan tâm.

Result

Tạo hiệu ứng viền và chú thích cho ảnh

2009-08-04T11:22:00.000+07:00

Thay vì chỉ upload ảnh thông thường không hiệu ứng khi viết Blog, tại sao bạn không trang trí thêm cho chúng để tạo vẻ sinh động! Một vài dòng lệnh CSS dưới đây sẽ khiến ảnh của bạn trở nên độc đáo.

Đăng nhập vào Blogger > Layout > Edit HTML (không cần Mở rộng Mẫu tiện ích).
Tìm thẻ ]]></b:skin> và dán đoạn code này ngay trên nó :
.pict{
    background-color: #F9F9F9;
    border: 1px solid #CCCCCC;
    padding: 3px;
    font: 11px Arial;
    margin-left: auto;
    margin-right: auto;
    }
.pict img{
    border: 1px solid #CCCCCC;
    vertical-align:middle;
    margin-bottom: 3px;
    }
Save lại template. Vậy là bạn đã thiết lập được hiệu ứng này.
Để sử dụng hiệu ứng viền có kèm chú thích, bạn áp dụng cú pháp sau lên link ảnh:
<div class="pict" style="width:Chiều rộng ảnh gốc + 2px;"><img src="Link ảnh"/>Chú thích</div>

Để dễ hình dung hơn, mình sẽ đưa ra một cú pháp thử kèm theo demo :

Blog Tin Học

Vậy là xong rồi đấy, rất đơn giản đúng không. Nếu bạn có thắc mắc thêm về việc tùy chỉnh, hãy comment bên dưới. Hy vọng với tí đoạn CSS này sẽ giúp bạn làm đẹp thêm cho Blog của mình. Chúc vui!

Youtube đổi giao diện giống máy tìm kiếm video

2009-08-03T18:09:00.000+07:00

Youtube vừa thay đổi giao diện, tuy không phải là một trang phục hoàn toàn mới, nhưng người dùng có thể nhận thấy, việc tuỳ biến cá nhân trở nên dễ dàng hơn nhiều.

Giao diện mới

Thanh điều hướng cũ được thay bằng một ô tìm kiếm. Google cũng bỏ dòng logo “Broadcast Yourself” quen thuộc. Theo nhận định của Mashable, có vẻ như dịch vụ chia sẻ video đình đám này ngày càng giống một bộ máy tìm kiếm video thực thụ.
Tuy nhiên, hiện vẫn chỉ có một số ít người dùng sử dụng Google Chrome mới có thể tiếp cận được giao diện mới.

Giao diện cũ

Tuỳ biến trang cá nhân
Mặc dù vậy, ngoài xu hướng biến Youtube trở thành một bộ máy tìm kiếm video, lần cải tiến này cũng chứng kiến hàng loạt tiện ích mới. Một khi nâng cấp lên giao diện mới, bạn sẽ có thêm công cụ để có thể thoả sức sáng tạo khi xây dựng kênh phát video riêng bắt mắt hơn. Trang chia sẻ video cho phép bạn nâng cấp kênh riêng, thậm chí chuyển tất cả các kênh đang có sang phiên bản mới.

Thiết kế mới cho phép video hiển thị rộng hơn, cách thức tổ chức trang tốt hơn. Để có thể tối ưu khả năng hiển thị của trang, bạn hãy thực hiện một số bước sau:

Cập nhật kênh:
Việc đầu tiên bạn phải làm là cập nhật kênh. Giao diện mới thân thiện hơn. Bạn chỉ cần truy cập trang Channel Design và click vào “Upgrade my channel.”
Lưu ý là tất cả các tuỳ biến kênh trước đây sẽ mất hiệu quả. Tuy nhiên, việc này cũng không thành vấn đề nếu như bạn đang có những dự định mới cùng Youtube.
Trên giao diện mới, việc xử lý nội dung của video rất đơn giản, chỉ bằng vài cú nhấp chuột.

Tinh chỉnh kênh:

Chỉnh sửa giao diện kênh riêng

Các thông số có thể điều chỉnh như: hoạt động gần đây, cài đặt riêng tư cá nhân, hiển thị thông tin người dùng, thông tin người hâm mộ, bạn bè, các nhận xét, giao diện, module. Bạn sẽ nhận thấy mình có hàng loạt “đặc quyền” ở đây.

Khi chỉnh sửa giao diện, ngay cả những người dùng không thạo CSS cũng có thể dễ dàng tự thiết kế cho mình một ngôi nhà mới bắt mắt. Bạn chỉ cần chọn màu sắc, tuỳ biến giao diện, ảnh nền... Mỗi khi ưng ý, chỉ cần lưu lại và xuất bản là xong. Lưu ý là ảnh nền tối đa chỉ là 256KB.

[Nguồn : www.tuoitre.com.vn]

P/s : Dường như sau đợt thay đổi giao diện này, Google cũng bắt đầu chèn nhiều quảng cáo hơn vào video-clips trên website YouTube (lúc trước chỉ có những video xem dưới chuẩn HD mới bị). Nếu bạn không thích, hãy dùng thủ thuật Tránh quảng cáo phiền phức khi xem video trên Youtube mà mình đã giới thiệu hôm trước nhé. Thân!

Tạo hiệu ứng bo tròn góc bằng CSS

2009-08-02T14:12:00.001+07:00

CSS là một trong những ngôn ngữ lập trình rất được ưa chuộng vì sự đơn giản, gọn nhẹ, dễ sử dụng và tương thích với nhiều nền tảng web khác nhau. Trong bài viết này, mình sẽ hướng dẫn các bạn cách tạo hiệu ứng bo tròn góc với CSS.

Đăng nhập vào Blogger > Layout > Edit HTML (không cần Mở rộng Mẫu tiện ích).
Tìm thẻ ]]></b:skin> và dán đoạn code này ngay trên nó :
#round {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width:250px;
background:#eeeeee;
border-color:#DEDEDE;
}
.round-content {
padding: 10px;
}
Save lại template. Vậy là bạn đã thiết lập được hiệu ứng này.
Để sử dụng hiệu ứng bo tròn, bạn dùng cú pháp sau :
<div id="round" class="round-content">
Nội dung
</div>

Mở rộng bước 2

1/ 2 dòng code màu đỏ sẽ thiết lập mặc định bo tròn tất cả 4 góc (Xem ảnh dưới để thấy kết quả)

Nếu bạn chỉ muốn bo tròn từng góc riêng biệt, hãy thay thế nó bằng các cặp code dưới đây :

Bo tròn góc trái bên trên.

-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;

Bo tròn góc phải bên trên.

-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;

Bo tròn góc trái bên dưới.

-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;

Bo tròn góc phải bên dưới.

-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;

2/ Với thông số màu lục, nó sẽ thiết lập chiều rộng của khung được bo tròn. Bạn chỉ việc chỉnh lại sao cho vừa với kích thước của Blog (VD: 100px, 200px ...) hoặc để chế độ tự động canh (width:auto;).

3/ Bạn có thể tạo nhiều lần đoạn mã ở bước 2 (cần đặt thêm số thứ tự round1, round2 ... để không trùng nhau) với nội dung tùy chỉnh nếu muốn. Và khi sử dụng, hãy nhớ đổi tên id trong cú pháp nhé!

Vậy là xong rồi đấy. Hy vọng chút thủ thuật nhỏ này sẽ giúp bạn làm đẹp thêm cho Blog của mình. Thân !

PunyPNG - Tối ưu & Tiết kiệm dung lượng ảnh

2009-08-01T11:49:00.001+07:00

Hình ảnh là yếu tố quan trọng không thể thiếu để trang trí cho Blog và bài viết. Tuy vậy, những hình ảnh chất lượng tốt thường chiếm dung lượng khá cao, ảnh hưởng đến tốc độ load trang Blog. Chính vì thế mà ta cần phải tối ưu chúng bằng cách giảm dung lượng mà vẫn giữ được chất lượng ảnh.

PunyPNG là một ứng dụng web chạy trên nền Flash giúp bạn nén các file ảnh với mức độ cao nhằm giảm bớt dung lượng cho chúng. Nếu bạn thích dùng định dạng ảnh .PNG nhưng ngại về size của chúng, ứng dụng này sẽ khắc phục tình trạng đó dùm bạn. Rất đơn giản, bạn chỉ việc truy cập vào PunyPNG , chọn file ảnh muốn được nén, click OK để hệ thống làm việc rồi download kết quả về PC, thế là xong.
Hiện PunyPNG hỗ trợ 3 định dạng là .PNG .GIF và .JPG với dung lượng upload tối đa là 500KB, dịch vụ này hoàn toàn miễn phí nên bạn không cần lo bị giới hạn số lượt sử dụng.

Qua vài lần sử dụng, mình nhận thấy rằng PunyPNG hoạt động tối ưu nhất với định dạng .PNG, cho ra kết quả khá hợp ý; 2 định dạng còn lại thì rất khó sửa đổi, và cho ra kết quả không cao. Chính vì thế, mình khuyên bạn nên dùng .PNG là tốt nhất. Ngoài ra, bạn cần download ảnh đã được hiệu chỉnh rồi upload lên host riêng, vì PunyPNG chỉ lưu tạm thời ảnh trong 15 phút.

Thực ra, cơ cấu hoạt động của PunyPNG chủ yếu dựa trên thủ thuật có tên là Dirty Transparency do SmashingMagazine giới thiệu . Tuy nhiên, không phải ai cũng rành về PTS để có thể thực hiện thủ thuật nên tiện ích PunyPNG được tạo ra nhằm thay thế bạn thực hiện.
Hy vọng dịch vụ này sẽ trở thành một địa chỉ hữu ích dành cho bạn. Chúc vui !

Win Toolbox - Công cụ hữu ích cho Windows

2009-08-01T11:47:00.001+07:00

Win Toolbox là một tiện ích vô cùng nhỏ gọn, hữu ích và hoàn toàn miễn phí dành cho Windows. Có thể ví nó như tiện ích 'Tất cả trong 1' do tổng hợp nhiều tính năng khác nhau vào một chương trình duy nhất. Đây là một software cần có trong USB của bạn.

Các tính năng mà Win Toolbox hỗ trợ gồm có Program Launcher (chạy chương trình), Screen Capture (chụp screenshot), Color Picker (chọn màu), Fonts viewer (xem trước font) và nhiều chức năng khác. Ngoài ra, chương trình có thể chạy trực tiếp mà không cần cài đặt, rất thuận tiện cho việc 'xách đi' khi bạn sử dụng PC khác.
Vì tính đa chức năng và cách sử dụng đơn giản của Win Toolbox, nên ở đây mình chỉ giới thiệu sơ về chức năng cũng như giao diện của chúng. Bạn hoàn toàn có thể tự nghiên cứu rõ hơn tiện ích này.

Mục Capture (Chụp screenshot với nhiều tùy chọn)

Mục Picker (Tìm mã màu)

Mục Fonts (Cho phép xem trước kiểu font chữ)

Mục About (Thông số PC, cài Win Toolbox vào Startup, transparent thanh Taskbar)

Nào, hãy download ngay Win Toolbox để thử nghiệm các tính năng hữu ích của nó nhé !

Tạo tính năng Link-Thumbnail cho Blog

2009-07-31T16:21:00.000+07:00

Chắc các bạn Blogger cũng đã từng biết qua Websnapr, công cụ giúp người đọc xem trước nội dung của liên kết. Tuy nhiên, do công cụ đó được Websnapr mặc định và không thể sửa đổi nên khiến một số bạn không ưng ý. Vì thế mà một blogger trên Internet - arc90 đã tự tùy chỉnh lại mã JS của công cụ với một số ưu điểm sau :

Chỉ hiển thị ảnh thumbnail.
Không có link quảng cáo.
Có thể sử dụng với từng link riêng biệt hoặc tất cả .
Tốc độ load nhanh.
Dung lượng file JS khá nhẹ (~5.4 KB).

Bạn có thể xem screenshot dưới đây để thấy kết quả :

Để tạo chức năng này cho Blog, bạn hãy thực hiện các bước dưới đây :

Đăng nhập vào Blogger > Layout > Edit HTML (không cần Mở rộng Mẫu tiện ích).
Tìm thẻ </head> và dán đoạn code dưới đây vào ngay bên trên :
<style type='text/css'>
    .arc90_linkpic {
        display: none;
        position: absolute;
        left: 0;
        top: 1.5em;
        width: 160px;
        height: 120px;
    }
    .arc90_linkpicIMG {
        padding: 0 4px 4px 0;
        background: transparent url(http://boyprodx.googlepages.com/linkpic_shadow.gif) no-repeat bottom right;
        width: 160px;
        height: 120px;
    }
</style>
Tiếp theo, dán đoạn code dưới đây ở phía trên thẻ </body>
<script src='http://boyprodx.googlepages.com/arc90_linkthumb.js' type='Text/JavaScript'/>
Save lại template.
Tới đây bạn có 2 lựa chọn :
- 1 là sử dụng Link-Thumbnail cho từng link riêng biệt với cú pháp :
<a class="linkthumb" href="Đường Link">Tên hiển thị</a>
- 2 là sử dụng Link-Thumbnail cho toàn bộ link bằng cách dán kèm đoạn code này vào ngay bên dưới file JS ở bước 3 :
<script type='text/javascript'>
arc90_linkThumbUseClassName = false;
</script>

Vậy là bạn đã tạo được chức năng Link-Thumbnail cho Blog của mình rồi đấy. Khuyến khích các bạn đang dùng công cụ của Websnapr cũng như các bạn chưa dùng nên sử dụng tính năng này, đảm bảo sẽ vừa ý hơn.
Hy vọng thủ thuật này sẽ giúp ích cho bạn. Thân !

Những screenshots của Google Chrome OS

2009-07-31T14:55:00.000+07:00

Như các bạn đều biết, thông tin về hệ điều hành của Google đã được các tờ báo công nghệ đưa tin từ vài tuần qua. Mặc dù chưa công bố chính thức, nhưng có vẻ Chrome OS này được fan của Google khá quan tâm.

"Mã nguồn mở, dung lượng nhẹ, thích hợp cho netbooks và yếu tố 3S (Speed, simplicity, security - Tốc độ, đơn giản và bảo mật)" - đó là những đánh giá của Google về OS này. Dự kiến OS sẽ được ra mắt trong vài năm tới. Liệu trong lúc đó, Google có thể biến hệ điều hành của mình đạt chất lượng như đánh giá không, và Microsoft có thể cải tiến Windows OS của mình để vượt qua đối thủ không? Hãy cùng chờ nhé !

Mời bạn xem qua những screenshots của Google Chrome OS bên dưới đây và chia sẻ cảm nhận !

Giao diện của Google Chrome OS ...

... phiên bản 0.2.5 Alpha

Shortcut truy cập vào dữ liệu (?)

Các logo Google, Adobe, FSF (Cộng đồng mã nguồn mở), Linux và (?)

Trình duyệt quen thuộc - Chrome ...

... phiên bản 3.5 Beta

Giao diện trang chủ Google trên trình duyệt

Các nút lệnh điều khiển trang

Các lệnh điều khiển cửa sổ được thay bằng Text

Thanh Bookmark nằm theo chiều dọc của trình duyệt

Thanh cuộn

Tốc độ kết nối

Tổng quát giao diện Google Chrome OS

[Nguồn : www.downloadsquad.com]

Tạo tính năng Tooltips với CSS

2009-07-29T15:57:00.000+07:00

Tooltips là công cụ nhỏ gọn cho phép Blogger có thể chèn một đoạn thông tin ngắn vào bất kì nội dung nào trong Blog, giúp người đọc có thể hiểu rõ hơn về giao diện của mình. Có khá nhiều cách để tạo Tooltips như JS, jQuery ... ; tuy nhiên do các cách trên hơi dài dòng nên trong bài viết này, mình sẽ hướng dẫn các bạn tạo Tooltips bằng ngôn ngữ CSS nhỏ gọn.

Toàn bộ code của thủ thuật này chỉ chiếm dung lượng <1KB nên bạn không phải lo ảnh hưởng đến tốc độ truy xuất Blog. Đồng thời nó hoạt động tốt trên mọi trình duyệt, kể cả IE6 lỗi thời. Bạn có thể xem screenshot của Tooltips ngay bên dưới đây:

Để tạo chức năng này cho Blog, bạn hãy thực hiện các bước dưới đây :

Đăng nhập vào Blogger > Layout > Edit HTML (không cần Mở rộng Mẫu tiện ích).
Tìm thẻ a:hover trong template như hình dưới:
rồi dán đè lên nó bằng đoạn code dưới đây :
a:hover {background:#ffffff; text-decoration:none;}
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:150px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}
Save lại template. Vậy là bạn đã thiết lập được tính năng Tooltips cho Blog.
Để sử dụng chức năng này, bạn sử dụng cú pháp :
<a class="tooltip" href="#">Tiêu đề<span>Nội dung hiển thị trong Tooltips</span></a>

Vậy là bạn đã tạo được chức năng Tooltips cho Blog của mình rồi đấy. Hy vọng thủ thuật này sẽ làm bạn hài lòng. Chúc vui !

Get-link MediaFire một cách dễ dàng

2009-07-29T15:05:00.000+07:00

MediaFire là một địa chỉ khá nổi tiếng trong lĩnh vực hosting mà chắc hẳn các bạn đều biết. Nhờ cung cấp những tính năng hữu ích (chỉ có trong tài khoản Premium ở các dịch vụ hosting khác) cho người dùng miễn phí và chất lượng ổn định, MediaFire dần chiếm được lòng tin ở người sử dụng.

Tuy vậy, do người dùng VN thường sử dụng dịch vụ ở loại tài khoản miễn phí nên cũng bị giới hạn một số tính năng, dễ thấy nhất là Direct-Link. Để khắc phục tình trạng đó, một số website đã được tạo ra với mục đích get-link trực tiếp từ MediaFire. Mình cũng đã test một số site nhưng vẫn chưa ưng ý lắm (do phải vào trang chủ của các site mới get-link được) , nên đã search thêm trên Google và vô tình biết đến site MediaFireGet.

Website cho phép người dùng có thể get-link trực tiếp mà không cần vào trang chủ. Bạn chỉ việc copy link download ban đầu của MediaFire, rồi dán vào hộp thoại download và thêm từ GET, vậy là có thể download ngay. Ngoài ra, bạn còn có thể sử dụng tính năng Get-link Folder (lấy tất cả link download từ URL Sharekey) tại trang chủ MediaFireGet.

Copy link download ban đầu của dịch vụ MediaFire.

Dán vào hộp thoại Download, đồng thời thêm từ GET trước .com rồi click OK

Sau đó, chờ vài giây để hệ thống tự get-link. Khi thấy size của file xuất hiện thì Download.

Nếu bạn biết dịch vụ tương tự khác, hãy chia sẻ cho mọi người thông qua comment nhé. Hy vọng bài viết này sẽ giúp ích cho các bạn. Thân !

Những hình ảnh đầu tiên về FireFox 4.0

2009-07-28T12:37:00.001+07:00

Vài hôm trước, các bạn đã được xem qua thông tin về phiên bản 3.7 của trình duyệt 'Cáo lửa'. Thế nhưng không lâu sau, nhóm phát triển Firefox lại tiếp tục khiến người dùng bất ngờ khi đăng tải những hình ảnh về thiết kế mới nhất của Firefox 4.0 trên trang Wiki của mình.

Firefox Screenshots: Thanh Tabs ở vị trí Top hay Bottom ?

Những hình ảnh của Firefox trên Windows OS phía dưới đây có thể cho bạn thấy rằng, Mozilla đang băn khoăn giữa 2 thiết kế chính cho phiên bản 4.0 : Thanh Tabs ở vị trí Top (Trên cùng) và Bottom (Phía dưới). Vị trí phía dưới là thiết kế quen thuộc ở Firefox, trong khi ở vị trí trên cùng lại khiến Firefox mang chút dáng vẻ của trình duyệt Google Chrome.

Vị trí thanh Tabs quen thuộc trên Firefox ...

... và vị trí dự kiến sẽ được thay thế.

Ngoài ra, Mozilla còn tóm tắt những ưu và nhược điểm của hai mẫu thiết kế này khá chi tiết :

Ưu điểm :

- Tiết kiệm không gian theo chiều dọc.

- Hiệu quả / Loại bỏ tính phức tạp - Các tab cần được kết nối tới một phần tử nào đó khi sử dụng. Vì vậy, họ có thể thêm một phần tử trực quan khác để chúng liên kết đến.

- Rút ngắn khoảng cách đến chức năng Page Controls.

Nhược điểm :

- Mất sự quen thuộc - Người sử dụng sẽ cảm thấy không quen khi giao diện bị xáo trộn.

- Thanh tiêu đề bị loại bỏ - Bạn chỉ còn thấy được đoạn rút gọn của tiêu đề trên tab.

- Tăng khoảng cách đến thanh Tabs.

- Mất đi khoảng trống giữa icon của trình duyệt và widgets trên cửa sổ.

Tính năng mới của Firefox 4.0: Nút tích hợp Stop/Refresh/Go.

Ngoài việc thay đổi toàn bộ thiết kế đặc trưng, Firefox 4.0 còn có tính năng mới : Đó là Tích hợp Stop/Refresh/Go vào 1 nút duy nhất.

Thay vì tách ra thành các nút riêng biệt, chúng được tổ hợp thành nút '3 trong 1' nằm ở góc phải thanh Address. Nó cũng đồng thời thay đổi màu sắc dựa trên các hoạt động. Chẳng hạn nếu như bạn gõ địa chỉ web, nó sẽ biến thành nút Go màu lục ; Còn trong quá trình load trang, một nút Stop màu đỏ sẽ thay thế.

Thêm vào đó, do thanh trạng thái cũng bị lược bỏ, nên dòng đo quá trình load trang cũng được đem lên trên cùng và nằm dưới thanh địa chỉ.

Tích hợp 3 chức năng Stop/Refresh/Go trong 1 nút.

[Nguồn : www.mashable.com]

Tạo chức năng Hide/Show nội dung với Javascript

2009-07-28T10:55:00.000+07:00

Lúc trước, mình có giới thiệu đến các bạn thủ thuật tạo tag Spoiler để ẩn nội dung bài viết giống các forum, dùng thẻ DIV để hoạt động. Nếu bạn thích dùng Javascript hơn, hãy sử dụng thủ thuật Hide/Show ở bài viết này.

Để tạo chức năng này cho Blog, bạn hãy thực hiện các bước dưới đây. Nhưng trước tiên, mời bạn xem qua kết quả của thủ thuật :

Đăng nhập vào Blogger > Layout > Edit HTML (không cần Mở rộng Mẫu tiện ích).
Dán đoạn code dưới đây vào ngay trên thẻ </head> :
<style type="text/css">
.commenthidden {display:none}
.commentshown {display:inline}
</style>
<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>
Save lại template. Vậy là bạn đã thiết lập chế độ Hide/Show cho Blog.
Để sử dụng chức năng trong bài viết, bạn chèn đoạn code dưới đây vào khung soạn thảo :
<a href="javascript:togglecomments('ID-Name')">Click để Ẩn/Hiện nội dung</a><br />
<div class="commenthidden" id="ID-Name">Nội dung</div>
Note : Để chức năng hoạt động, bạn cần đặt ID-Name trùng khớp với nhau và ở trạng thái xuất bản (Trong trình soạn thảo sẽ không thấy hoạt động).

Vậy là bạn đã tạo được chức năng này cho Blog của mình rồi đấy. Hy vọng thủ thuật này sẽ làm bạn hài lòng. Chúc vui !

Download Norton Internet Security 2009 với bản quyền 3 tháng

2009-07-26T11:42:00.002+07:00

Bảo vệ PC khỏi bị virus trong quá trình sử dụng không bao giờ là vấn đề cũ với người dùng. Những tên tuổi trong lĩnh vực bảo mật như Kaspersky, BitDefender, NOD32 ... có lẽ cũng quá quen thuộc đối với bạn. Nếu bạn yêu thích hãng Symantec, thì sản phẩm Norton của thương hiệu này sẽ không làm bạn thất vọng.

Hiện tại, Symantec đang cung cấp miễn phí cho người dùng bản quyền 3 tháng của phần mềm Norton Internet Security 2009. Nếu bạn vẫn chưa tìm được trình Antivirus ưng ý, vậy hãy thử nghiệm chương trình này. Phiên bản Internet Security cung cấp cho bạn toàn diện các tính năng như Norton Antivirus (Diệt Virus), Norton Personal Firewall (Tường lửa), Norton Antispyware (Diệt phần mềm gián điệp) và Norton Antiphishing (Diệt phần mềm lừa đảo).

Để nhận được bản quyền, bạn hãy vào trang này và nhấn Download Now để tải về bản cài đặt có kèm bản quyền 3 tháng (dung lượng gần 104MB). Norton Internet Security 2009 hoạt động trên Windows XP và Vista (chưa hỗ trợ Windows 7). Hãy nhanh tay download nhé !

Biến giao diện Firefox 3.5 thành phiên bản 3.7

2009-07-25T11:13:00.000+07:00

Như các bạn đều biết, vài hôm trước Mozilla đã tung ra vài tấm hình về giao diện dự kiến của Firefox 3.7. Phiên bản này đã có thể sử dụng giao diện gương Aero của Windows Vista/7 trông rất bắt mắt. Khá nhiều fan của trình duyệt 'Cáo lửa' đều cảm thấy ưng ý với phiên bản này. Nếu bạn không đủ kiên nhẫn để được sử dụng giao diện mới toanh này, hãy tự đem nó vào phiên bản Firefox đang dùng nhé.

Note : Để thực hiện thành công thủ thuật này, yêu cầu bạn sử dụng OS Windows Vista/7 và Firefox 3.1 trở lên. Nếu không đủ điều kiện trên, bạn chỉ hoàn tất được 80% tác phẩm của mình thôi đấy !

Đầu tiên, bạn cần cài đặt các addon sau đây vào trình duyệt :

Personal Menu - Dùng để tạo icons bookmark và tools.
All Glass - Dùng để sử dụng tính năng Aero Glass vào thanh toolbars (Nếu không đủ điều kiện, hãy bỏ qua).
Stylish - Chèn thêm một số tính năng cho tab.
Theme Firefox 3.7 - Download file Zip về và giải nén (Sử dụng trình WinRAR)

Trước khi Restart trình duyệt, bạn mở tab Themes trong hộp thoại Addon, rồi kéo thả (drag & drop) file Firefox-3.7[...].JAR trong file Zip vừa mới download về vào đó. Firefox sẽ hỏi bạn muốn xác nhận cài theme không, chọn Install rồi Restart trình duyệt.

Thế là chúng ta đã cài đủ phụ kiện cần thiết. Bây giờ, để thiết lập Firefox mang giao diện 3.7, bạn tiếp tục thực hiện các bước sau :

Với addon Personal Menu, mặc định nó sẽ có giao diện như thế này :
- Bạn right-click vào bất kì vị trí trống trên Toolbars > chọn Customize > drag & drop icon History (icon giữa) + Home vào hộp thoại Customize Toolbars.
- Tiếp theo, nhấn vào icon Tools (icon cuối) > chọn Edit this menu. Một hộp thoại xuất hiện > hãy chuyển sang tab Advanced và tick bỏ chọn dọng Hide Drop-maker > Ok.
Với addon Stylish, bạn sẽ thấy có một icon chữ S nằm ở góc phải màn hình. Left-click vào nó > Write new style > Blank style. Một hộp thoại xuất hiện, tới đây bạn mở file newtabfix.txt trong file Zip ở trên > copy all > dán vào hộp thoại mới (phần Name và Tag điền tùy ý) > Save.
Cuối cùng, bạn right-click vào bất kì khoảng trống trên thanh Toolbars > Bỏ chọn dòng Menus Toolbar.
Để hiển thị lại thanh Menu, bạn không cần phải dùng tổ hợp phím Ctrl_Shift_Alt_S như thông báo, mà chỉ cần nhấn Alt là đủ.

Kết quả :

Thỏa các điều kiện đầu bài (Cứ như đang làm Toán )

Chưa thỏa (Do mình xài Windows XP nên không có Aero )

Vậy là xong rồi đấy, Firefox của bạn đã được khoác chiếc áo mới toanh. Nếu có sai sót, thắc mắc trong quá trình thực hiện, bạn hãy góp ý cho mình qua comment nhé. Hy vọng bạn hài lòng với thủ thuật này. Chúc vui !

[Nguồn : www.askvg.com]

Tạo Multi-Style Label cho Blogger

2009-07-24T15:26:00.000+07:00

Có nhiều cách để trang trí cho widget Label trong Blogger, chẳng hạn dùng Flash Label hay sử dụng link định hướng đầu trang chủ (Navigation) ... Nếu bạn muốn dùng nhiều kiểu Label khác nhau để gây chú ý cho người đọc, hãy xem qua bài hướng dẫn này.

Multi-Style Label là widget tổng hợp 3 kiểu giao diện khác nhau cho Label như List danh sách thông thường, Menu Drop-down và Zoom (khá giống Tag Cloud). Bạn có thể tùy chỉnh dạng giao diện ưa thích bằng cách nhấn vào các nút điều khiển sẵn có trên widget. Ngoài ra, nó còn có chế độ Ẩn để tiết kiệm một phần không gian cho Blog. Mời bạn xem qua screenshot của Multi-Style Label :

Chế độ Ẩn (Nút ngoài cùng).

Dạng List (Nút thứ 2).

Dạng Menu Drop-down (Nút thứ 3).

Dạng Zoom (Nút cuối).

Để tạo được widget Label này, bạn hãy thực hiện tuần tự các bước sau :

Đăng nhập vào Blogger > Layout > Edit HTML (không cần Mở rộng Mẫu tiện ích).
Tìm đoạn code sau : (Template của bạn phải cài Label)
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
Note: Nếu không tìm thấy, hãy search với từ khóa Label1.
Copy đoạn code sau và dán đè lên code mới tìm :

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<h2>Multi-style Labels</h2><br/>
<div align='center'><a href='javascript:void' onclick='javascript:nullStyle();' title='Ẩn'><img src='http://img2.pict.com/ed/77/63/1284680/0/blank.png'/></a>
<a href='javascript:void' onclick='javascript:linkStyle();' title='Hiển thị dạng danh sách'>
<img src='http://img2.pict.com/67/5d/ae/1284679/0/list.png'/></a>
<a href='javascript:void' onclick='javascript:menuStyle();' title='Hiển thị dạng Menu'>
<img src='http://img2.pict.com/8e/d4/d6/1284682/0/menu.png'/></a>
<a href='javascript:void' onclick='javascript:zoomStyle();' title='Hiển thị dạng Zoom'>
<img src='http://img2.pict.com/61/60/bc/1284683/0/zoom.png'/></a></div><br/>

<div class='widget-content'>
<div id='LabelDisplay' align='center'>
</div>
</div>

<script language='javascript' type='text/javascript'>
function nullStyle() {
     var display = "";

     obj = document.getElementById('LabelDisplay');
     obj.innerHTML = display;
}

function zoomStyle() {
var max = 0;
var min = 10000;
<b:loop values='data:labels' var='label'>
if (<data:label.count/> > max)
max = <data:label.count/>;
if (<data:label.count/> < min)
min = <data:label.count/>;
</b:loop>
var display = "";
<b:loop values='data:labels' var='label'>
var delta = <data:label.count/> - min;
var size = 100 + (delta * 100) / (max - min);
display = display + "<span style='font-size:" + size + "%'><a expr:href='data:label.url + "?max-results=100"' style='text-decoration:none;'><data:label.name/></a></span><br/><br/>";
</b:loop>

obj = document.getElementById('LabelDisplay');
obj.innerHTML = display;
}

function menuStyle() {
var display = "<select onchange='location = this.options[this.selectedIndex].value;'><option>Select a label</option>";
<b:loop values='data:labels' var='label'>
display = display + "<option expr:value='data:label.url + "?max-results=100"'><data:label.name/> (<data:label.count/>)</option>";
</b:loop>
display = display + "</select>";

obj = document.getElementById('LabelDisplay');
obj.innerHTML = display;
}

function linkStyle() {
var display = "<ul>";
<b:loop values='data:labels' var='label'>
display = display + "<li><a expr:href='data:label.url + "?max-results=100"'><data:label.name/></a> (<data:label.count/>)</li>";
</b:loop>
display = display + "</ul>";

obj = document.getElementById('LabelDisplay');
obj.innerHTML = display;
}

// set default to zoom style
linkStyle();
</script>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
Save lại template và kiểm tra kết quả.

Mặc định Label sẽ hiển thị dạng danh sách (List), nếu không thích, bạn hãy sửa mục // set default to zoom style thành dạng khác (nullStyle, menuStyle hay zoomStyle). Mình đã test thử và thấy Label chạy rất nhẹ, không tốn thêm bao nhiêu thời gian load Blog.
Hy vọng widget Multi-Style Label này sẽ làm bạn hài lòng. Chúc vui !

[Nguồn : nekki1409.blogspot.com]