Login

Cùng nhau khám phá thế giới công nghệ thông tin

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

Sự kết hợp hoàn hảo

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

Enter để bước vào thế giới Công nghệ thông tin

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

Công nghệ thông tin có những biến đổi vượt bậc

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

Đột phá mang tính sáng tạo

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

Duyệt Microsoft Office theo thẻ

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

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

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

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é :
  1. Đăng nhập vào Blogger > Layout > Edit HTML (Không cần Mở rộng Mẫu tiện ích)
  2. 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>
  3. 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
        $(&quot;a.acctitle&quot;).each(function(){
            // add an event on click
            $(this).click(function(){
                // hide all div&#39;s with accContent class
                $(&quot;.accContent&quot;).each(function(){
                    $(this).hide(&quot;slow&quot;);
                });

                // the main point of this script - Fetch ref attribute of
                // title link and display the hidden div with that id
                $(&quot;#&quot;+$(this).attr(&quot;ref&quot;)).show(&quot;slow&quot;);
                    return;
                  });
        });
    });
    </script>
  4. 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>
  5. 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=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=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

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

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

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

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 :
  1. Truy cập vào SocioFluid.
  2. 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
  3. 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

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.
  1. Đăng nhập vào Blogger > Layout > Edit HTML (không cần Mở rộng Mẫu tiện ích).
  2. 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.
  3. Save lại template. Vậy là bạn đã thiết lập được hiệu ứng đổi màu quét khối.
  4. 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

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.
  1. Đăng nhập vào Blogger > Layout > Edit HTML (không cần Mở rộng Mẫu tiện ích).
  2. 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.
  3. Save lại template và chuyển sang tab Page Elements.
  4. 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>
  5. 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

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
Photobucket

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

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.
  1. Đăng nhập vào Blogger > Layout > Edit HTML (không cần Mở rộng Mẫu tiện ích).
  2. 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;
        }
  3. Save lại template. Vậy là bạn đã thiết lập được hiệu ứng này.
  4. Để 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 :
<div class="pict" style="width:252px;"><img src="http://i259.photobucket.com/albums/hh283/boy_proDX/Banner_Summer_2009.png"/><div style="text-align: center;">Blog Tin Học</div></div>

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

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

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.
  1. Đăng nhập vào Blogger > Layout > Edit HTML (không cần Mở rộng Mẫu tiện ích).
  2. 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;
    }
  3. Save lại template. Vậy là bạn đã thiết lập được hiệu ứng này.
  4. Để 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 !

 
blogcongnghe © 2012 | Thiết kế bởi Tâm Nguyên