Hiệu ứng Lightbox cho hình ảnh sử dụng jQuery (kiểu 2)

Người đăng: Unknown on Chủ Nhật, 31 tháng 10, 2010

Lightbox là một script đơn giản được dùng để tạo chế độ Preview hình ảnh trên trang web. Hôm nay xin giới thiệu hiệu ứng Lightbox của Leandro Pinho lấy ý tưởng từ Plugin Lightbox2 của Lokesh Dhakar.



Xem Demo.

Các bước thực hiện như sau:

1. Đặt phần code dưới đây vào trước thẻ </head>.
<style type="text/css">
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}

#gallery {
background-color: #444;
padding: 10px;
width: 550px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
border: 5px solid #3e3e3e;
border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
border: 5px solid #fff;
border-width: 5px 5px 20px;
color: #fff;
}
#gallery ul a:hover { color: #fff; }

</style>
<script type="text/javascript" src="http://huynhatha.250free.com/js/jquery.js"></script>
<script type="text/javascript" src="http://huynhatha.250free.com/js/jquery.lightbox-0.5.js"></script>

<script type="text/javascript">
$(function() {
$('#gallery a').lightBox({fixedNavigation:true});
});
</script>
Chú ý, bạn nên tải về file jquery.js jquery.lightbox-0.5.js và upload lên free hosting để sử dụng cho trang web của bạn, tránh hạn chế băng thông.

2. Thiết lập cấu trúc HTML như bên dưới và đặt vào phần thân của trang web, giữa 2 thẻ <body>, </body>.
<div id="gallery">
<ul>
<li><a href="/image1.jpg" title="Text 1"><img src="/thumb_image1.jpg" width="72" height="72" alt="" />a>li>

<li><a href="/image2.jpg" title="Text 2"><img src="/thumb_image2.jpg" width="72" height="72" alt="" />a></li>

<li><a href="/image3.jpg" title="Text 3"><img src="/thumb_image3.jpg" width="72" height="72" alt="" /></a></li>

<li><a href="/image4.jpg" title="Text 4"><img src="/thumb_image4.jpg" width="72" height="72" alt="" /></a></li>

<li><a href="/image5.jpg" title="Text 5"><img src="/thumb_image5.jpg" width="72" height="72" alt="" /></a></li>
</ul>
</div><!-- / gallery -->
Chú ý, trong đoạn code HTML ở trên, bạn cần thay các liên kết hình ảnh đánh dấu màu đỏ bằng liên kết hình ảnh chuẩn cho chế độ Preview, và thay các liên kết đánh dấu màu xanh bằng liên kết ảnh đại diện (thumbnail) tương ứng. Text 1, Text 2,… là các mô tả cho hình ảnh, bạn cần thay đổi cho phù hợp.
More about

Cân bằng chiều cao của phần main và phần sidebar

Người đăng: Unknown

(Huynh Nhat Ha's Blog) --
Khi thiết kế Blogger, đôi khi chúng ta gặp trường hợp phần main và phần sidebar của trang blog ở một số template không có chiều cao bằng nhau, khiến cho blog thiếu sự cân đối.

Việc điều chỉnh chiều cao của phần main và phần sidebar có thể được thực hiện bằng việc sử dụng javascript khá đơn giản. Bạn chỉ việc đặt đoạn code bên dưới vào trước thẻ </head> là có thể giúp cho phần main và phần sidebar có cùng chiều cao rồi.
<!--Height Fixer Starts-->
&lt;script type=&#39;text/javascript&#39;&gt;
&lt;!--
onload=function() {

var mh = document.getElementById(&#39;main-wrapper&#39;).offsetHeight;
var sh = document.getElementById(&#39;sidebar-wrapper&#39;).offsetHeight;
if(sh&gt;mh) mh=sh;
document.getElementById(&#39;main-wrapper&#39;).style.height = document.getElementById(&#39;sidebar-wrapper&#39;).style.height = mh+ &#39;px&#39;
}
//--&gt;
&lt;/script&gt;
<!--Height Fixer Ends-->
Ở đây sử dụng code đã được mã hóa để tránh trường hợp Blogger gặp lỗi đối với các Template dạng Layout.

Ý nghĩa của code trên như sau: mh biểu thị chiều cao của phần main-wrapper (main height). Biến sh thể hiện giá trị chiều cao của phần sidebar-wrapper. Nếu sh cao hơn mh thì chỉ định chiều cao của phần cao hơn (cao hơn phần main một giá trị pixel nào đó) bằng với chiều cao của phần main cộng với giá trị pixel ở trên. Như vậy script này giúp kiểm tra chiều cao của hai phần và gán cho chiều cao của hai phần đều bằng nhau khi có một phần cao hơn.
More about

Mở liên kết ngoài sang cửa sổ mới một cách tự động

Người đăng: Unknown

Thông thường khi thiết kế website hay webblog, khi muốn mở liên kết ngoài sang một cửa sổ mới, chúng ta thường sử dụng giá trị target="_blank" theo như ví dụ sau đây:

<a href="http://www.blogger.com/" target="_blank">Blogger</a>

Tuy nhiên đối với cả một website hay webblog đồ sộ, cứ mỗi lần có một liên kết ngoài ta muốn mở sang một cửa sổ mới khi kích chuột vào liên kết đó thì thật là bất tiện và mất nhiều công sức.

Bằng một thủ thuật đơn giản với việc sử dụng Javascript chúng ta có thể mở các liên kết ngoài sang cửa sổ mới một cách tự động mà không cần phải sử dụng giá trị "_blank".

Bạn chỉ cần đặt đoạn code dưới đây trước thẻ </body>. Thủ thuật này sử dụng cho website thông thường và cho cả Blogspot nữa đấy. Thật tuyệt cho các Blogger.
<script type='text/javascript'>
this.blankwin = function(){
var hostname = window.location.hostname;
hostname = hostname.replace("www.","").toLowerCase();
var a = document.getElementsByTagName("a");
this.check = function(obj){
var href = obj.href.toLowerCase();
return (href.indexOf("http://")!=-1 && href.indexOf(hostname)==-1) ? true : false;
};
this.set = function(obj){
obj.target = "_blank";
obj.className = "external";
};
for (var i=0;i<a.length;i++){
if(check(a[i])) set(a[i]);
};
};



// script initiates on page load.

this.addEvent = function(obj,type,fn){
if(obj.attachEvent){
obj['e'+type+fn] = fn;
obj[type+fn] = function(){obj['e'+type+fn](window.event );}
obj.attachEvent('on'+type, obj[type+fn]);
} else {
obj.addEventListener(type,fn,false);
};
};
addEvent(window,"load",blankwin);
</script>
Đơn giản hơn, chúng ta đặt đoạn javascript trên vào một file nguồn như thế này.

<script src='http://huynhatha.250free.com/js/blankwindow.js' type='text/javascript'/>

Lưu ý bạn nên tải về file blankwindow.js và upload lên free hosting để sử dụng cho website/webblog của bạn nhé.
More about

CHUYỂN ĐỔI VIDEO THÀNH MP3

Người đăng: Unknown on Thứ Bảy, 30 tháng 10, 2010

Khi bạn có 1 bài hát hay từ YouTube hoặc DailyMotion mà bạn thích nhưng lại là video, bạn muốn tải về nghe với định dạng Mp3 để sử dụng làm nhạc chuông điện thoại hoặc để nghe trên các thiết bị nghe nhạc số như iPod? Bạn chỉ cần dùng đến FETCH MP3. FETCH MP3 sẽ giúp bạn làm việc này dễ dàng chỉ có 3 bước.
Truy cập VÀO ĐÂY, bạn gõ từ khoá cần tìm hoặc nhập URL của video mình thích vào khung trống, rồi bấm Fetch


Ngay lập tức trang Web này sẽ cho kết quả tìm kiếm của bạn tại mục Your Search Results. Kết quả tìm kiếm cũng hiển thị độ dài của video, số lượng người đã xem và bạn có thể quyết định tải về bằng cách bấm vào nút (>). Tiếp theo, bạn bấm vào nút (+), chờ trong giây lát để dịch vụ tiến hành chuyển đổi, rồi bấm Download&View Sponsor để tải file âm thanh về máy. 


Nếu đăng ký làm thành viên (miễn phí), bạn có thể chọn tải file về với chất lượng nhạc L (thấp), M (trung bình), H (cao), và U (tuyệt đỉnh).
(Sưu tầm từ báo eChip)
More about

MEDIACOPE 1.0 (PHƯƠNG TIỆN ĐA CHỨC NĂNG)

Người đăng: Unknown

Hiện nay, bạn có thể dễ dàng tìm cho mình một chương trình nghe nhạc, xem phim có chất lượng tốt và cũng có thể kiếm được các chương trình chuyển đổi âm thanh, video thông dụng.
Tôi xin giới thiệu 1 phần mềm có đủ các tính năng kể trên đó là MEDIACOPE. Phần mềm này được xem là công cụ toàn năng kết hợp việc nghe nhạc, xem phim cùng với những chức năng chuyển đổi đa dạng cho âm thanh và video...đặc biệt là hoàn toàn miễn phí, dung lượng 10MB thích hợp với Windows XP, 7 và Vista.
Bạn có thể dowload phần mềm TẠI ĐÂY.
MEDIACOPE có các chức năng sau:
- Nghe nhạc kết hợp xem phim video.
- Cắt âm thanh và video.
- Chuyển đổi âm thanh.
- Chuyển đổi video.
- Thay đổi kích thước và chuyển đổi ảnh.
- Trình chiếu ảnh.
- Hỗ trợ tính năng đọc văn bản và xem ảnh toàn màn hình trong trình duyệt IE và FireFox.
MEDIACOPE có giao diện đơn giản, mỗi một chức năng tương ứng với một thẻ và mọi thao tác hầu như chỉ thực hiện trên một cửa sổ duy nhất nên không gây rườm rà cho bạn. Những chức năng đáng quan tâm là:
* AUDIO/VIDEO PLAYER: Chức năng nghe nhạc xem phim với chất lượng khá tốt, bạn hãy đánh dấu kiểm trước mục Show Playlist phía dưới để hiển thị bảng lựa chọn mở, thêm và lưu một list nhạc. Đối với chế độ xem video, chương trình cũng cho phép tính năng chụp video (Screeshot) tính năng chuyển khung (FramStep).
* AUDIO/VIDEO CUTTER: Chức năng cắt video hoặc audio, bạn mở một bài nhạc hoặc 1 đoạn video cần cắt, sau đó kéo và định dạng thanh trượt phía dưới rồi lần lượt nhấn các nút Select Start tạo điểm bắt đầu, Select End để tạo điểm kết thúc, chọn định dạng ở danh mục bên cạnh, chọn chất lượng và nhấn Save để bắt đầu. Bạn cũng có thể xem trước kết quả bằng cách nhấn nút Play Select.
* AUDIO CONVERTER: Chức năng chuyển đổi audio với tốc độ khá nhanh, hỗ trợ các định dạng thông dụng hiện nay như Mp3, Wav, Acc, Wma, Flac, M4a, Ac3. Trước tiên bạn hãy nhấn nút Add để thêm một hoặc nhiều file nhạc vào khung lưu trữ, sau đó nhấn chọn Browse để duyệt thư mục lưu kết quả, chọn định dạng và chất lượng âm thanh ở mục Output Format và nhấn Convert để bắt đầu chuyển đổi.
* VIDEO CONVERTER: Chức năng chuyển đổi các định dạng video phổ biến như Mp4, 3gp, Wmv, Mov, Avi, Divx, Mpg, Mpeg, Flv, Mkv, Vob, Mpeg2. Bạn thực hiện các thao tác chuyển đổi giống như phần Audio Converter.
* PHOTO RESIZER/CONVERTER: Chức năng thay đổi kích thước ảnh kết hợp chuyển đổi định dạng ảnh, hỗ trợ các định dạng ảnh thông dụng là Jpg, Bmp, Gif, Tif, Png, Emf, Wmf. Nhấn chọn Add để thêm một hoặc nhiều file ảnh cần thay đổi kích thước vào trong khung lưu trữ, lựa chọn thư mục lưu kết quả, chọn một định dạng ảnh, kích thước, chế độ cắt trong mục Output Format, sau cùng nhấn nút Resize để thực hiện thay đổi.
* SLIDE SHOW: Chức năng trình chiếu ảnh độc đáo có kèm nhạc. Trước tiên, bạn nhấn nút chọn Add để thêm các bức ảnh vào slide show, tiếp theo trong mục Select Options hãy lần lượt lựa chọn chế độ trình chiếu, thời gian chuyển hình, phương thức chiều. Nếu muốn chèn nhạc thì nhấn chọn Browse để duyệt một file nhạc bất kỳ, sau cùng nhấn nút Slide Show.

Giao diện của chương trình

(Sưu tầm từ báo LBVMVT)

More about

Xử lý lỗi thường gặp trong Windows

Người đăng: Unknown

Đôi khi bạn đang làm việc, chiếc máy tính bỗng dưng "dở chứng" với vài thông báo lỗi như "Runtime error, The system is either busy or has become unstable" làm cho máy bị "đơ". Dưới đây là một vài lỗi thường gặp trong Windows và cách xử lý giúp bạn.


1.“Lỗi không xác định”

Đây là loại thông báo về các lỗi kỹ thuật và thường kèm sau đó là các hướng dẫn khá hữu ích để bạn có thể sửa chữa chúng. Lỗi này không đòi hỏi bạn phải tiến hành các tác vụ chuẩn đoán mà lỗi đơn thuần chỉ là một dạng đánh giá tình trạng máy tính ở thời điểm đó.
Lỗi không xác định phát sinh từ những vấn đề phổ biến, trong đó có cả việc nâng cấp DirectX thất bại cho Microsoft Producer và một lỗi phổ biến trong SQL Server 7.0 của Microsoft.

Giải pháp tốt nhất để xử lý lỗi này là đóng tất cả những ứng dụng đang mở và khởi động lại máy. Nếu lỗi vẫn tiếp tục xảy ra, tải và cài đặt bản nâng cấp mới nhất cho chương trình liên quan. Bạn cũng nên chạy một ứng dụng diệt phần mềm gián điệp (spyware) chẳng hạn như Ad-ware…

2. Lỗi báo: “The system is either busy or has become unstable. You can wait and see if it becomes available again, or you can restart your computer. Press any key to return to windows and wait. Press CTRL + ALT + DEL again to restart your computer. You will lose unsaved information in any programs that are running. Press any key to continue.”

“Hệ thống đang bận hoặc không ổn định. Bạn có thể chờ đợi hoặc khởi động lại máy tính. Nhấn bất cứ phím nào để quay trở lại môi trường Windows và chờ trong giây lát. Nhấn CTRL + ALT + DEL một lần nữa để khởi động máy tính. Bạn sẽ mất những thông tin chưa lưu lại trong bất cứ chương trình nào đang chạy. Nhấn bất cứ phím nào để tiếp tục.”

Đôi khi Windows bị “đơ” và không phải ứng với bất cứ tác vụ nào mà bạn thực hiện. Trong những trường hợp đó, việc nhấn tổ hợp phím CTRL - ALT - DELETE có thể làm hiển thị thông báo trên trên nền màn hình xanh (còn được ví là “Màn hình của sự chết chóc” – Blue Screen Death”). Những thông báo này không giúp ích gì nhiều trong việc sửa chữa lỗi, và cũng không đưa ra lý do tại sao mà hệ thống lại trở nên như vậy. Cách giải quyết tốt nhất là bạn nhấn tổ hợp phím CTRL- ALT- DELETE để khởi động lại.

Thông điệp lỗi này thường phát sinh từ những sai sót trong quá trình truy cập bộ nhớ. Bạn hãy ghi nhớ những hoàn cảnh nào làm phát sinh lỗi này, những thông tin về kết quả sẽ có thể giúp bạn xác định nguyên nhân.

Bạn cũng có thể giải quyết tình trạng này bằng cách cài đặt lại những ứng dụng có vấn đề; tải bản nâng cấp liên quan; tháo gỡ những chương trình không cần thiết; vô hiệu hoá screen saver, và nâng cấp driver. Nếu sự cố vẫn cứ tiếp diễn, bạn nên nghĩ tới giải pháp cài đặt lại hệ điều hành Windows và tiến hành sao lưu dữ liệu để chuẩn bị.

3. “This programs has performed an illegal operation and will be shutdown. If the problem persists, contact the program vendor”.

Lỗi “illegal operation” (sử dụng bất hợp pháp) không liên quan tới việc bạn truy nhập Internet, tải file, hoặc cách thức sử dụng PC, mà thực tế đó chỉ là cách phản ánh những hành vi chương trình không hợp lệ, thường là những cố gắng thực thi một dòng mã không hợp lệ, hoặc truy nhập và một phần bộ nhớ đã bị hạn chế. Bạn cũng đừng cố gắng tìm kiếm thông tin từ bảng thông báo này, nó chỉ gồm những “module” khó hiểu và hoàn toàn không dành cho những người không là chuyên viên lập trình.

Giải quyết vấn đề này bằng cách đóng tất cả những ứng dụng đang mở và khởi động lại máy tính. Nếu bạn tiếp tục nhìn thấy thông báo lỗi tương tự, hãy sử dụng trình “clean boot troubleshooting” để xác định chương trình gây lỗi và tháo cài đặt chúng. Để thực hiện quá trình “khởi động sạch”, từ Start, chọn Run, rồi gõ dòng lệnh “msconfig”, nhấn OK. Từ trình System Configuration Utility, chọn Selective Startup và bỏ lựa chọn tất cả những hộp đánh dâu trong danh sách thả xuống. Nhấn OK và khởi động lại máy.

Bạn lặp lại quá trình này, mỗi lần chọn một ô đánh dấu khác nhau dưới phần Selective Start-up cho tới khi xác định được hộp “checkbox” nào gây ra lỗi.

Bước tiếp theo là chọn một thẻ (tab) trong “System Configuration Utility” liên quan tới hộp “checkbox” có vấn đề, và bỏ lựa chọn tất cả (ngoại trừ dòng lệnh trong tab). Khởi động lại máy tính, và nếu trong quá trình khởi động không có vấn đề gì phát sinh, bạn hãy quay trở lại phần “System Configuration Utility” để chọn một dòng lệnh khác.

Lặp lại quá trình này cho tới khi bạn cô lập được dòng lệnh gây ra sự cố; bạn cũng cần liên lạc với các nhà phát triển phần mềm liên quan hoặc nhà sản xuất phần cứng để tìm sự hỗ trợ cụ thể.

4. Lỗi “Runtime error <###>”

Lỗi Runtime để mô tả một chương trình không được nhận dạng có những dòng lệnh bị phá huỷ hoặc bị trục trặc. Thông báo này cũng có thể kèm theo một dòng lệnh lỗi, chẳng hạn như “424” hoặc “216”, hay đôi khi là những thông tin “mù mờ” về một đối tượng cần thiết nào đó (required object). Những thông báo kiểu này thường không cung cấp thông tin hữu ích nào về nguyên nhân xảy ra sự cố cũng như cách thức giải quyết. Liệu lỗi có phải do virus, không đủ bộ nhớ, hoặc chương trình không thương thích ? Chẳng ai biết rõ được điều này!

Khi lỗi runtime xảy ra, bạn không khởi động lại máy tính vì nếu làm như thế, có thể virus lại gây ra hiện tượng lỗi tương tự, hoặc vô tình kích hoạt đoạn mã nguy hiểm của virus. Thay vào đó, bạn cần quét virus ngay lập tức, tiếp theo hãy liên lạc với nhà phát triển phần mềm đã gây ra lỗi runtime và hỏi họ cách khắc phục. Bạn cũng có thể giải quyết vấn đề bằng cách tải bản nâng cấp hoặc cấu hình lại phần mềm.

5. Lỗi “STOP: 0x########”

Trong khi lỗi runtime liên quan tới một chương trình cụ thể, thì lỗi STOP thường chỉ ra vấn đề liên quan tới một thiết bị cụ thể - nhưng thật không may hiếm khi thông báo lỗi chỉ ra thiết bị cụ thể nào. Thay vào đó, thông báo chỉ hiển thị dòng mã khó hiểu, chẳng hạn như 0x0000001E, trong các dòng mô tả. Thay vì suy đoán, bạn nên thực hiện một số tác vụ giải quyết cơ bản sau.

Đầu tiên là quét virus. Tiếp tới, cài đặt lại những phần cứng đã được cài đặt vào thời điểm trước đó ít lâu; và cần xác định chắc chắn là những thiết bị đã được kết nối đúng. Trong trường hợp này, việc nâng cấp driver cho tất cả những phần cứng hiện có hoặc nâng cấp BIOS cũng là một ý kiến hay. Hãy liên lạc với nhà sản xuất máy tính để nhờ giúp đỡ.

6. Lỗi “A fatal exception error <##> has occurred at <####:########”

Thông báo lỗi ngoại trừ (exception) nghiêm trọng (fatal) nghe có vẻ rất nghiêm trọng nhưng cách hướng dẫn giải quyết lại chẳng có gì cả. Đây là một dạng thông báo về lỗi bộ nhớ thường là những truy vấn bộ nhớ không hợp lệ hoặc lỗi trong dòng mã lệnh, và thường xảy ra khi khởi động ứng dụng hoặc tắt Windows. Lỗi “fatal exception” có thể rất nghiêm trọng, đó cũng là nguyên nhân giải thích tại sao chúng ta lại hay thấy nó trên “màn hình xanh”, khiến Windows bị hỏng.

Lỗi “exception” có thể xảy ra trong rất nhiều trường hợp. Các nhanh nhất để loại bỏ chúng là khởi động lại máy tính. Nếu lỗi vẫn tiếp tục xảy ra, bạn nên khởi động máy tính ở chế độ “khởi động sạch” (clean boot).

7. Lỗi “ caused a general protection failt in module at ####:########”.
Đây là loại lỗi GPF (Generel Protection Fault - lỗi bảo vệ tổng quát) gây phá huỷ hệ điều hành, thuộc một trong những lỗi nghiêm trọng gây ra hiện tượng màn hình xanh. Bạn có thể thấy lỗi GPF nếu một chương trình đang cố gắng ghi dữ liệu vào một khu vực lưu trữ hạn chế, hoặc hệ thống tính sai dung lượng bộ nhớ cần thiết để thực thi một hàm nào đó.

Giải pháp của lỗi GPF là khởi động lại máy tính. Do nguyên nhân của hiện tượng này rất nhiều nên khó có thể xác định chính xác nguồn gốc gây ra lỗi. Cách giải quyết cơ bản nhất là tháo cài đặt tất cả những phần mềm, phần cứng trong thời gian gần nhất, thực hiện tác vụ bảo trì hệ thống tổng quát, và thực hiện phương thức “khởi động sạch”.
8. Lỗi “Runll: error loading. The specified modle could not be found”.
Thông báo lỗi “Runll” xuất hiện khi Windows không thể xác định được vị trí một file mà nó cần tải. Lỗi có thể liên quan tới những phần mềm chưa được tháo gỡ hết, hoặc lỗi driver, virus, hay phần mềm gián điệp.

Giải pháp mà bạn cần thực hiện là chạy ứng dụng diệt spyware (như Ad-ware hoặc Spybot Search & Destroy) và sau đó là quét virus toàn hệ thống. Nếu lỗi liên quan tới một phần mềm mới cài đặt thì hãy gỡ bỏ phần mềm đó ra. Cuối cùng, bạn cần khởi động máy tính ở chế độ sạch để có thể xác định được những dòng lệnh gây ra lỗi.

9. Lỗi “Cannot find the file (or one of its components). Make sure the path and filename are correct and that all required libraries are available”.
Cũng giống một cơn đau đầu, thông điệp lỗi này có thể là triệu chứng của một sự kiện nhỏ nào đó, chẳng hạn như xoá nhầm file; hoặc là một sự kiện lớn nào đó, chẳng hạn như virus đã lây lan khắp hệ thống. Điều bạn cần làm là quét virus và cài đặt lại chương trình có liên quan tới tệp tin (file) bị thất lạc. Nếu lỗi vẫn xảy ra, sử dụng My Computer hoặc Windows Explorer để xác định chính xác tên và vị trí của file.

Lỗi này chỉ có thể xảy ra khi bạn nhấn đúp vào shortcut trên Desktop. Nếu đúng là trường hợp đó, thì chỉ việc nhấn chuột vào shortcut, chọn Properties, rồi gõ chính xác tên và đường dẫn vào trường Target.

10. “An error has occurred in the script on this page. Line <##> Char: <##> Error: Code: <##> Location: Do you want to continue running scripts on this page?”
Thông điệp lỗi rắc rối này ngụ ý rằng trình duyệt Internet Explorer (IE) đang gặp vấn để khó khăn trong việc giải mã một tập lệnh gắn kèm trong trang Web mà bạn đang truy cập. Đây là thông điệp lỗi cố làm cho tình huống trở nên căng thẳng hơn là bản thân chúng là như vậy.

Bạn có thể tắt thông báo lỗi này đi; và nếu vẫn tiếp tục nhận được chúng, hãy cố quét virus, khởi động lại máy tính, và nâng cấp lên phiên bản IE mới nhất. Bạn cũng có thể mở phần menu Tools của trình duyệt và chọn Internet Options để xoá thư mục Temporary Internet Files (nhấn vào nút Delete Files trên thẻ General) và cấu hình phần Security và mức mặc định (default level). Cuối cùng có thể lỗi này đơn giản là do mã nguồn trang Web có vấn đề, và trong trường hợp đó, bạn chỉ có thể thông báo cho người quản trị trang web đó để sửa lỗi.

11. “Windows Update has encountered an error and cannot display the requested page”.
Một lỗi thông dụng liên quan tới việc cài đặt những bản nâng cấp mới nhất dành cho Windows. Lỗi này ngăn không cho bạn truy cập vào trang Web nâng cấp Windows Update ( http://windowsupdate.microsoft.com ). Vậy làm thế nào để sửa lỗi này?


Trong hầu hết trường hợp, bạn có thể sửa lỗi bằng cách cài phiên bản IE mới nhất. Ngoài ra, người dùng Windows XP và Windows 2000 cần cài đặt các bản service pack mới nhất cho hệ điều hành. Trong Windows XP, bạn cần kích hoạt chế độ tự động nâng cấp Automated Updates (mở Control Pannel, chọn Performance And Mantenance, System, chọn thẻ Automatic Updates; rồi lựa chọn phần Automatic).
12. “Windows encountered an error accessing the system Registry. Windows will restart and repair the system Registry for you”.
Registry là cơ sở dữ liệu lưu trữ cấu hình hệ thống và các tham chiếu người dùng, chúng rất nhạy cảm và với bất cứ thao tác nguy hiểm nào cũng khiến cho Windows bị “đổ vỡ”. Chúng ta có thể dùng giải pháp khắc phục sau…

Tạo một không gian trống trên ổ cài đặt Windows (tối thiểu là 10%). Xoá những file cũ không còn dùng tới. Tiếp theo người dùng Windows Me và Windows XP cần khôi phục máy tính và trạng thái ban đầu khi chưa xảy ra sự cố. Kích chuột vào Start, Programs, Accessories, System Tools, System Restore. Khi mở tiện ích System Restore, bạn chọn Restore My Computer To An Early Times, nhấn vào Next, và chọn một thời điểm cần khôi phục (ngày trước khi xảy ra thông báo lỗi); sau đó tuân theo các hướng dẫn.

Theo VTC
More about

LUNASCAPE 6.3.0 (TRÌNH DUYỆT 3 TRONG 1)

Người đăng: Unknown on Thứ Năm, 28 tháng 10, 2010

Hiện nay các trình duyệt đang có nhiều người sử dụng là: FireFox, Google Chrome, Safari và IE. Mỗi trình duyệt đều có thế mạnh và điểm yếu của riêng nó.
Có 1 trình duyệt đặc biệt tích hợp đồng bộ cho các trình duyệt vừa kể trên vào 1 trình duyệt duy nhất, đó là Lunascape trình duyệt Web của Nhật nhưng có giao diện tiếng Anh, tiện lợi cho bạn sử dụng, nó có dung lượng 15MB và hoàn toàn miễn phí. Các bạn có thể download TẠI ĐÂY.
Lunascape tích hợp ba Engine hiển thị của 4 trình duyệt Web được xem là mạnh nhất hiện nay là: Trident (Internet Explorer), Gecko (FireFox) và Webkit (Safari, Google Chrome) giúp cho bạn xử lý cũng như hiển thị nội dung trang Web nhanh và đầy đủ hơn. Trong lần sử dụng đầu tiên, chương trình sẽ bắt buộc bạn chọn 1 engine mà mình muốn sử dụng. Nhưng bạn đừng lo, bạn có thể dùng được tất cả các engine bằng cách bấm vào nút ở bên phải thanh Address để chuyển đổi trình duyệt khác mà mình muốn.

Giao diện chính của Lunascape

* CÁC ĐẶC ĐIỂM NỔI BẬT CỦA LUNASCAPE:
- Tính cá nhân hóa: Ngoài điểm nổi bật là tích hợp 3 engine như đã nói trên, một điểm khác cũng gây chú ý ở Lunascape chính là giao diện tinh tế, đơn giản nhưng đem lại hiệu năng cao nhất. Nó rất dễ dàng tùy chỉnh và thay đổi, bạn có thể tải về và cài đặt, sử dụng các chủ đề để giúp cho chương trình trông đẹp hơn và phù hợp hơn với phong cách của bạn.


- Duyệt Web theo Tab: đa số các trình duyệt nào cũng hỗ trợ duyệt web theo tab, nhưng điểm khác biệt mà tôi muốn đề cập là ở Lunascape ta có thể mở mỗi tab sử dụng một engine riêng (có nghĩa là tab 1 ta sử dụng trình duyệt FF, tab 2 sử dụng trình duyệt IE, tab 3 ta sử dụng GChrome hoặc Safari...).


- Điều hướng thông minh: Lunascape có một hệ thống an toàn giúp ghi lại các hoạt động đã xảy ra. Trong quá trình duyệt Web, nếu một tab gặp lỗi bạn chỉ cần tắt nó đi mà không cần phải khởi động lại chương trình.
- Hỗ trợ các add-on của FireFox và IE: đây là một điểm khá nổi bật ở trình duyệt này. Nó không những tương thích với đại đa số các plug-in của FireFox mà còn tương thích với hầu hết các Add-on của trình duyệt Internet Explorer, cùng với đó là một hệ thống plug-in riêng được cung cấp tại trang chủ của Lunascape. Ngoài ra trình duyệt còn tích hợp sẳn một chương trình đọc tin RSS nằm ngay trên thanh công cụ.
- Tốc độ và sự tiện lợi: Với 3 engine tích hợp trên thì tốc đột duyệt Web được cải tiến so với các trình duyệt khác. Chương trình được thiết kế để được thiết lập một cách nhanh chóng mặc dù đi kèm với nó có khá nhiều tiện ích.


Nếu bạn đang phải sử dụng nhiều trình duyệt khác nhau để có sự tối ưu khi sử dụng các dịch vụ trực tuyến khác nhau thì hãy một lần dùng thử Lunascape xem sao, rất có thể một mình nó sẽ đáp ứng được nhu cầu của bạn. 
Trên đây là những nét cơ bản của trình duyệt Lunascape 6.3.0, còn nhiều điều thú vị về trình duyệt đang chờ bạn khám phá....
Chúc bạn có một trình duyệt có tốc độ nhanh và tiện lợi.
(Sưu tầm từ báo LBVMVT)
More about

Hiệu ứng Lightbox cho hình ảnh sử dụng jQuery

Người đăng: Unknown

Lightbox là một script đơn giản được dùng để tạo chế độ Preview hình ảnh trên trang web. Hôm nay xin giới thiệu hiệu ứng Lightbox của Pirolab phát triển dựa trên thư viện jQuery, có chức năng tự động chỉnh lại kích cỡ hình ảnh dự trên kích cỡ cửa sổ trình duyệt.


Hiệu ứng này tương thích với các công cụ trình duyệt như FireFox 2-3, Opera 9.0, Chrome, Safari (Mac/Windows), Internet Explorer 6-7-8.

Xem Demo.

Sau đây là các bước thực hiện:

1. Gắn các phần code dưới đây vào trước thẻ </head>.
<link href="http://www.pirolab.it/pirobox/css_pirobox/demo3/style.css" class="piro_style" media="screen" title="white" rel="stylesheet" type="text/css" />
<style type="text/css" >
.demo a{ float:left; margin:0; padding:0; margin:5px 0px 5px 19px!important; margin:5px 10px 5px 10px; display:block; border:3px solid #efefef;} .demo a:hover{ border:3px solid #fff} .demo a img{ float:left; margin:0; padding:0; margin:0; background:url(http://www.pirolab.it/pirobox/css_pirobox/bg_tms.jpg) no-repeat;} ul,li,dl,dt,dd{ list-style-type:none; margin:0; padding:0; }
</style>
<script type="text/javascript" src="http://www.pirolab.it/pirobox/js/jquery.min.js"></script>
<script type="text/javascript" src="http://www.pirolab.it/pirobox/js/pirobox.js"></script>
<script type="text/javascript">
$(document).ready(function() { $().piroBox({ my_speed: 400, //animation speed bg_alpha: 0.1, //background opacity slideShow : true, // true == slideshow on, false == slideshow off slideSpeed : 4, //slideshow duration in seconds(3 to 6 Recommended) close_all : '.piro_close,.piro_overlay'// add class .piro_overlay(with comma)if you want overlay click close piroBox }); });
</script>
Trong các phần code trên, bạn có thể chỉnh các thông số cho tốc độ slide hình ảnh.

2. Thiết lập cấu trúc HTML như bên dưới và đặt vào phần thân của trang web, nằm giữa 2 thẻ <body>, </body>.
<div style="float:left; width:550px; display:block;">
<h2>Click chuột trái vào Thumbnail để phóng lớn hình</h2>
<div class="demo"><a href="/images/1.jpg" class="pirobox_gall" title="Mo ta anh 1"><img src="/images/1s.jpg" /></a></div>
<div class="demo"><a href="/images/2.jpg" class="pirobox_gall" title="Mo ta anh 2"><img src="/images/2s.jpg" /></a></div>
<div class="demo"><a href="/images/3.jpg" class="pirobox_gall" title="Mo ta anh 3"><img src="/images/3s.jpg" /></a></div>
<div class="demo"><a href="/images/4.jpg" class="pirobox_gall" title="Mo ta anh 4"><img src="/images/4s.jpg" /></a></div>
...
</div>
Chú ý: Các file ảnh đánh dấu màu xanh là ảnh lớn cho chế độ Preview, các file ảnh đánh dấu màu đỏ là ảnh thumnail đại diện, thêm thuộc tính mô tả ảnh nếu cần. Bạn có thể thêm số lượng ảnh tùy thích và chỉnh sửa cấu trúc HTML cho phù hợp.
More about

Kỹ thuật load ảnh trước dùng Javascript

Người đăng: Unknown

Kỹ thuật load ảnh trước là một cách để cải thiện tốc độ tải trang web. Khi ảnh được load trước trong công cụ trình duyệt, người đọc có thể lướt qua trang web của bạn nhanh chóng hơn. Kỹ thuật này đặc biệt hữu ích cho các trang web có bộ sưu tập hình ảnh.

Sau đây xin giới thiệu một kỹ thuật giúp load ảnh trước sử dụng Javascript.

Đặt phần code dưới đây vào trước thẻ <body>.

<div class="hidden">
<script type="text/javascript">
<!--//--><![CDATA[//><!--
var images = new Array()
function preload() {
             for (i = 0; i < preload.arguments.length; i++) {
                         images[i] = new Image()
                         images[i].src = preload.arguments[i]
            }
}
preload(
            "http://yourdomain.com/gallery/image-001.jpg",
            "http://yourdomain.com/gallery/image-002.jpg",
            "http://yourdomain.com/gallery/image-003.jpg"
)
//--><!]]>
</script>
</div>
Bạn cần phải thay đường dẫn cho các file ảnh cần load trước. Với việc thêm đoạn thẻ <div class="hidden"> trên vào ngay dưới thẻ <body> của trang web hoặc blog của bạn, khi trình duyệt đọc tới thẻ div này, nó sẽ load trước toàn bộ những ảnh được liệt kê trong danh sách trên vào trong bộ đệm của trình duyệt.
More about

BỎ THÔNG BÁO "SECURITY CENTER"

Người đăng: Unknown

Khi sử dụng Win XP, đôi lúc bạn sẽ gặp trường hợp nhận được thông báo "Windows Security Alerts" ở dưới khay hệ thống, điều này gây khó chịu ít nhiều cho các bạn khi khởi động máy mà gặp thông báo này. Dưới đây là 1 trong 2 phương pháp để bạn loại bỏ thông báo "khó chịu" này: (bạn chỉ cần áp dụng 1 phương pháp mà thôi)
1- Mở Notepad và tạo file bất kỳ có phần mở rộng là .Reg với nội dung sau: Windows Registry Editor Version 5.00 [HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\wscsvc]
"Start"=dword:00000004
Sau đó, bạn kích hoạt file này và khởi động lại máy.
2 - Bạn vào Run regedit > Enter. Trong cửa sổ Registry Editor, bạn truy xuất theo đường dẫn: HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Security Center.
Trong key Security Center, bạn lần lượt nhấn kép lên các mục UpdatesDisableNotify, FirewallDisableNotify, AntiVirusDisableNotify và thay đổi giá trị trong ô Value Data bằng 1


(Sưu tầm từ báo TTMT)
More about

CHUYỂN ĐỔI TRANG WEB SANG PDF

Người đăng: Unknown

Bạn có thể xuất nguyên trang Web thành file PDF để lưu trữ hay chia sẻ chỉ với 1 cú nhấn chuột. Đầu tiên bạn VÀO ĐÂY và dán địa chỉ trang Web mà mình muốn chuyển đổi vào ô trống rồi nhấn nút P. Ngay lập tức, bạn sẽ nhận được link download file PDF mà mình muốn chuyển đổi, bạn chỉ cần Save để lưu lại. File PDF sau khi lưu vẫn giữ nguyên định dạng cùng các liên kết y như trên trang Web gốc.

Giao diện của trang Web

Để tiện cho sử dụng sau này, bạn nhấn chuột vào liên kết PDFmyURL dưới dòng Drag this Bookmarklet rồi kéo và thả nó lên thanh Bookmarks của trình duyệt. Những lần sau, khi muốn chuyển nhanh nội dung trang Web thành file PDF, bạn chỉ cần nhấn chuột vào bookmarklet PDFmyURL là xong.
(Sưu tầm từ báo eChip)
More about

PHOTO BRUSH (CHỈNH SỬA ẢNH)

Người đăng: Unknown on Thứ Tư, 27 tháng 10, 2010

Về chỉnh sửa hình ảnh, Photoshop hay Corel Draw là "đàn anh" nhưng để áp dụng được các chương trình này, bạn cần có "tay nghề" cao và bộ máy tính có cấu hình tốt...
Đối với những bạn mới làm quen với lĩnh vực đồ họa thì Photo Brush 5.2 là phần mềm cần thiết, bạn cũng có thể chỉnh sửa ảnh nhanh chóng, đơn giản, giao diện lại thân thiện, trang bị nhiều bộ lọc, nhiều hiệu ứng hình ảnh và đặc biệt là chương trình rất nhẹ chỉ có 12.9MB.
Bạn có thể download chương trình TẠI ĐÂY.(đây là bản dùng thử, khi gần hết hạn dùng thử nếu muốn sử dụng tiếp bạn có thể dùng chương trình NeoKwinto để gia hạn thêm thời gian sử dụng, NeoKwinto được giới thiệu và hướng dẫn sử dụng TẠI ĐÂY).
Photo Brush cũng có các menu quen thuộc như Photoshop: File, Edit, View, Tool, Help....Phía bên trái cửa sổ chính là nơi tập trung các công cụ tạo hiệu ứng cho ảnh gồm: Tạo ảnh nghệ thuật (Artistic), cân đối màu sắc (Equalized), hiệu ứng đặc biệt (Special), sử dụng các công cụ này bằng cách nhấn đúp vào các hiệu ứng mà muốn áp dụng. Phía bên phải chứa các khung: Selection, Brushes, Color, Camera và ở phía dưới là các thẻ: Basic-Tool (công cụ cơ bản); Retouch (sửa chữa lỗi của hình ảnh); Effects (tạo hiệu ứng cho ảnh); Selection Tools (công cụ chọn đối tượng). Các thẻ này bạn có thể thay đổi chúng đến các vị trí thích hợp trong cửa sổ bằng cách nhấn chuột vào tiêu đề và rê đến nơi mình thích, nếu muốn thiết lập lại mặc định thì bạn nhấn View > Reset Layout.

Giao diện của chương trình

Một số tính năng hay của chương trình:
* Basic Tools: Nơi cung cấp cho bạn những công cụ cơ bản nhất của chương trình, giúp cho bạn có thể chỉnh sửa ảnh một cách dễ dàng. Các công cụ Brush, Pen, Airbrush có cách thức sử dụng giống nhau, khi đã chọn công cụ thì bạn chọn kiểu nét vẽ ở khung Brushes và chọn màu ở khung Color, bạn cũng có thể sử dụng công cụ Color Pich (nhấn biểu tượng hình ống nghiệm) để lấy màu trên đối tượng. Stamp là công cụ để loại bỏ những ảnh thừa hoặc những đối tượng không mong muốn trên ảnh. Artistic và Nozzie giúp tô điểm thêm vẻ đẹp của hình ảnh với những nét vẽ và những hình trang trí đẹp (hoa, khói, lửa, mặt trời, cây thông, trăng, sao....), để sử dụng công cụ này bạn chỉ cần chọn ảnh trong Library của khung Brushes rồi đặt vào ảnh ở một vị trí mình chọn. Ngoài ra, bạn có thể phục hồi lại ảnh trở về màu sắc ban đầu bằng công cụ Original...
* Retouch: Đây là tập hợp những công cụ chỉnh sửa ảnh giống Photoshop gồm có Contrast (tăng độ tương phản của bức ảnh), Lighten (tăng cường độ sáng), Darken (giảm độ sáng của vùng ảnh), B/W đưa vùng ảnh đã chọn về màu trắng đen, Colorize (làm mềm các màu sắc sáng chói), Red-Eye (khử hiệu ứng mắt đỏ), Scratch (làm mịn các đường nét và góc ảnh), Line (dùng để vẽ các đường sọc mờ), Blur (tạo hiệu ứng bóng mờ)...
* Effects: Gồm có các công cụ sau: Shift (thay đổi ngẫu nhiên các kênh màu, có thể áp dụng công cụ để thay đổi màu cho quần áo, tóc và các vật dụng trong hình ảnh); Old Photo (tạo hình ảnh giống như đã cũ), Emboss (tạo ảnh nổi), Mosaic và Pop Art (tạo ảnh dạng ghép nhiều ô vuông không cho người xem các vùng ảnh bí mật), Motion (tạo hiệu ứng giống như ảnh đang chuyển động), Glass (tạo hiệu ứng cho ảnh giống khi nhìn qua thủy tinh, kính), Warp (dùng để làm ảnh biếm họa), Neon (tạo hiệu ứng phát sáng dạng đèn neon), Thermo (tạo hiệu ứng màu quang phổ), Flare (tạo hiệu ứng sáng chói như mặt trời)...
* Selection Tools: Nhóm công cụ này giúp bạn lựa chọn vùng ảnh trên bức ảnh theo các hình chương trình cung cấp như: hình chữ nhật, hình sao, hình đa giác, hình elip, đường cong khép kín, đường cong hở, đường thẳng.....Bạn dùng kết hợp nhóm công cụ này với những tính năng nêu trên sẽ được các vùng ảnh với hiệu ứng như mong muốn.
Để chèn Text vào hình ảnh, bạn chọn bảng chữ Aa trên thanh menu rồi đưa chuột đến nơi mình muốn chèn. Ở cửa sổ này có các ô để chỉnh sửa Text như Size, Font chữ, Char Map (chèn các ký tự đặc biệt giống như Symbol trong Word), Bold, Italic, chữ 3D, đổ bóng....Khi chọn xong, bạn nhập văn bản vào ô phía dưới, để nhập được tiếng Việt có dấu thì bạn cần chọn Font VNI. 
Dưới đây là các hình mẫu tôi đã thêm các hiệu ứng để bạn so sánh.

Ảnh gốc

Ảnh đã thêm hiệu ứng mặt trời


Ảnh gốc


Ảnh đã xóa 3 trái tim và thêm vào bó hoa và hiệu ứng sao chớp
Trên đây là những tính năng căn bản của chương trình Photo Brush 5.2, chương trình còn nhiều tính năng khá hay đang chờ bạn khám phá và chinh phục.
More about

Tạo plugin Twitter cập nhật tweet mới nhất bằng jQuery

Người đăng: Unknown

Bạn muốn theo dõi những bình luận mới nhất từ trang Twitter? Plugin Twitter sẽ giúp tải những bình luận mới nhất của người dùng Twitter trên toàn cầu với chức năng lọc ngôn ngữ thô tục để tránh những nội dung xấu trên trang web của bạn.Plugin này còn có chức năng hỗ trợ tìm kiếm nhiều người dùng, hiển thị hình Avatar và đặc biệt là không làm chậm trang web khi các tweet đang hạ tải.


Xem Demo.
Sau đây là các bước cài đặt:

1. Đặt các file jQuery và javasctipt bên dưới vào trước thẻ </head>.
<style type="text/css">
/*JUITTER PLUGIN CSS*/
#juitter{width:550px;float:left;}
#juitterSearch{clear:both;padding:7px 0 5px 0;}
#juitterSearch P{font-size:1.2em;color:#2CAF1D}
#juitterSearch INPUT{padding:4px;border:solid 1px #666;width:250px;color:#666}

#juitterContainer{} /*Juitter container*/

#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#juitterContainer .twittLI{list-style:none;background:#EEFDEA;margin:0;padding:5px 0 0 0;border-bottom:dashed 1px #CAF8C9;padding:3px;clear:both;height:55px;}
#juitterContainer .twittList SPAN.time{color:#777;font-size:0.9em}
#juitterContainer .twittList A{color:#006600;} /*Links inside the tweets list */

/* Bellow the CSS for the avatar image */

#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;;height:48px;}

#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/

#juitterContainer .extLink{} /*CSS for the external links*/

#juitterContainer .hashLink{} /*CSS for the hash links*/

/*end of Juitter CSS*/
</style>

<script language="javascript" src="http://juitter.com/app/js/jquery-1.3.1.min.js" type="text/javascript"></script>

<script language="javascript" src="http://juitter.com/app/js/jquery.juitter.js" type="text/javascript"></script>

<script language="javascript" src="http://juitter.com/app/js/system.js" type="text/javascript"></script>
Các các file trên thì file jquery-1.3.1.min.js là phần lõi jQuery để làm cho plugin hoạt động, file jquery.juitter.js là file lõi và cấu hình plugin, file system.js là file mẫu về cách làm cho plugin hoạt động trên trang web của bạn.

Tiếp đến cần tạo phần chứa nội dung plugin, đặt thành phần div với định dạng id như sau:
<div id="juitter">
<form method="post" id="juitterSearch" action="">
<p>Search Twitter: <input type="text" class="juitterSearch" value="Type a word and press enter" />
</p>
</form>
<div id="juitterContainer"></div>
</div>
Đặt phần code ở trên vào phần thân của trang web (giữa 2 thẻ <body>, </body>).
More about

Phân trang cho bài viết sử dụng jQuery

Người đăng: Unknown on Thứ Ba, 26 tháng 10, 2010

Với sự hỗ trợ của jQuery, việc phân trang ngay trong bài viết giúp cho không gian trong trang web được bố trí hài hòa hơn nhờ thanh Pagination khá giống với phân trang cho cả một website hoặc webblog.


Xem Demo.

Trong thủ thuật này chúng ta cần dùng thẻ <div> để tạo các trang nhỏ và thẻ
để phân bố đều các đoạn văn trong trang nhỏ ấy.

Trước tiết cần đặt phần code CSS và Javascript vào trước thẻ </div>.
<style type='text/css'>
.pagination {
font-size: 80%;
}
.pagination a {
text-decoration: none;
border: solid 1px #AAE;
color: #15B;
}
.pagination a, .pagination span {
display: block;
float: left;
padding: 0.3em 0.5em;
margin-right: 5px;
margin-bottom: 5px;
}
.pagination .current {
background: #26B;
color: #fff;
border: solid 1px #AAE;
}
.pagination .current.prev, .pagination .current.next{
color:#999;
border-color:#999;
background:#fff;
}
#Searchresult {
margin-top:15px;
margin-bottom:15px;
border:solid 1px #eef;
padding:5px;
background:#eef;
width:40%;
}
#Searchresult p { margin-bottom:1.4em;}
</style>
<script type="text/javascript" src="http://d-scribe.de/webtools/jquery-pagination/lib/jquery/jquery.min.js"></script>
<script type="text/javascript" src="http://d-scribe.de/webtools/jquery-pagination/lib/jquery_pagination/jquery.pagination.js"></script>
<script type="text/javascript">

// This is a very simple demo that shows how a range of elements can
// be paginated.

/**
* Callback function that displays the content.
*
* Gets called every time the user clicks on a pagination link.
*
* @param {int}page_index New Page index
* @param {jQuery} jq the container with the pagination links as a jQuery object
*/
function pageselectCallback(page_index, jq){
var new_content = $('#hiddenresult div.result:eq('+page_index+')').clone();
$('#Searchresult').empty().append(new_content);
return false;
}

/**
* Callback function for the AJAX content loader.
*/
function initPagination() {
var num_entries = $('#hiddenresult div.result').length;
// Create pagination element
$("#Pagination").pagination(num_entries, {
num_edge_entries: 2,
num_display_entries: 8,
callback: pageselectCallback,
items_per_page:1
});
}

// Load HTML snippet with AJAX and insert it into the Hiddenresult element
// When the HTML has loaded, call initPagination to paginate the elements
$(document).ready(function(){
initPagination();
});



</script>
* Chú ý: Dòng items_per_page:1, số 1 thể hiện 1 thành phần div trên mỗi trang, bạn có thể đặt 2, 3, 4, ... tùy theo số lượng thành phần div cần hiển thị.

Ở phần nội dung phân trang, thiết lập cấu trúc HTML như sau:
<div id="Pagination"></div>
<br style="clear:both;" />
<div id="Searchresult">
This content will be replaced when pagination inits.
</div>

<!-- Container element for all the Elements that are to be paginated -->
<div id="hiddenresult" style="display:none;">
<div class="result">
<p>Nội dung đoạn văn bản thứ 1 – trang 1.</p>
<p>Nội dung đoạn văn bản thứ 2 – trang 1.</p>
</div>
<div class="result">
<p>Nội dung đoạn văn bản thứ 1 – trang 2</p>
<p>Nội dung đoạn văn bản thứ 2 – trang 2.</p>
</div>
<div class="result">
<p>Nội dung đoạn văn bản thứ 1 – trang 3</p>
<p>Nội dung đoạn văn bản thứ 2 – trang 3.</p>
</div>
</div>
(Còn cập nhật)
More about

PHOTO BRUSH (CHỈNH SỬA ẢNH)

Người đăng: Unknown on Thứ Hai, 25 tháng 10, 2010

Đối với những bạn mới làm quen với lĩnh vực đồ họa thì Photo Brush 5.2 là phần mềm chỉnh sửa hình ảnh có các công cụ gần giống như Photoshop nhưng giao diện rất thân thiện, thao tác đơn giản và quan trọng là chiếm tài nguyên của máy rất ít (phần mềm có dung lượng 12.9MB). Các bạn nào có quan tâm thì VÀO ĐÂY để xem hướng dẫn chi tiết.....
More about

Tạo hiệu ứng Tooltip trong trường dữ liệu của Form

Người đăng: Unknown

Tooltip là một thành phần giao thức người dùng khá phổ biến. Nó được sử dụng để tạo hiệu ứng con trỏ. Người dùng web rê con trỏ qua một đối tượng mà không kích trỏ vào nó, thì hiệu ứng tooltip xuất hiện với một khung nhỏ chứa thông tin về đối tượng đã được rê chuột.

Chúng ta có thể sử dụng tooltip trong những trường dữ liệu (field) của một Form. Bạn có thể di chuyển giữa các trường bằng bàn phím (sử dụng phím TAB) hoặc bằng chuột.

Xem Demo.

Các bước thực hiện như sau:

1. Bước 1: Đặt code CSS vào phần đầu của trang web, giữa 2 thẻ <head>, </head>.
<style type="text/css">

/* simple css-based tooltip */
.tooltip {
background-color:#000;
border:1px solid #fff;
padding:10px 15px;
width:200px;
display:none;
color:#fff;
text-align:left;
font-size:12px;

/* outline radius for mozilla/firefox only */
-moz-box-shadow:0 0 10px #000;
-webkit-box-shadow:0 0 10px #000;
}
#myform {
border:1px outset #ccc;
background:#fff url(http://static.flowplayer.org/img/global/gradient/h600.png) repeat-x;
padding:20px;
margin:20px 0;
width:350px;
font-size:12px;
-moz-border-radius:4px;
}

#myform h3 {
text-align:center;
margin:0 0 10px 0;
}

/* http://www.quirksmode.org/css/forms.html */
#inputs label, #inputs input, #inputs textarea, #inputs select {
display: block;
width: 150px;
float: left;
margin-bottom: 20px;
}

#inputs label {
text-align: right;
width: 75px;
padding-right: 20px;
}

#inputs br {
clear: left;
}
</style>
2. Bước 2: Đặt đoạn code jQuery bên dưới vào trước thẻ </head>.
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>

3. Bước 3: Đặt đoạn code jQuery dưới đây vào trước thẻ </body>.
<script>
// execute your scripts when the DOM is ready. this is a good habit
$(function() {



// select all desired input fields and attach tooltips to them
$("#myform :input").tooltip({

// place tooltip on the right edge
position: "center right",

// a little tweaking of the position
offset: [-2, 10],

// use the built-in fadeIn/fadeOut effect
effect: "fade",

// custom opacity setting
opacity: 0.7

});
});
</script>

4. Bước 4: Thiết lập cấu trúc HTML như dưới đây và đặt vào phần thân của trang web (giữa 2 thẻ <body>, </body>).
<form id="myform" action="#">

<h3>Registration Form</h3>

<div id="inputs">

<!-- username -->
<label for="username">Username</label>
<input id="username" title="Must be at least 8 characters."/><br />

<!-- password -->
<label for="password">Password</label>
<input id="password" type="password" title="Try to make it hard to guess." /><br />

<!-- email -->
<label for="email">Email</label>
<input id="email" title="We won't send you any marketing material." /><br />

<!-- message -->
<label for="body">Message</label>
<textarea id="body" title="What's on your mind?"></textarea><br />

<!-- message -->
<label for="where">Select one</label>
<select id="where" title="Select one of these options">
<option>-- first option --</option>
<option>-- second option --</option>
<option>-- third option --</option>
</select>
<br />
</div>

<!-- email -->
<label>
I accept the terms and conditions
<input type="checkbox" id="check" title="Required to proceed" />
</label>

<p>
<button type="button" title="This button won't do anything">Proceed</button>
</p>

</form>
Những dòng chữ màu đỏ là phần nội dung hiển thị mà bạn cần sửa đổi cho hiệu ứng theo nhu cầu của bạn.
More about

CÀI ĐẶT LẠI WINDOWS MEDIA PLAYER

Người đăng: Unknown

Windows Media Player (WMP) là một công cụ giải trí được rất nhiều người ưa chuộng bởi vì nó được tích hợp trong các phiên bản Windows. Hiện nay, WMP 12 là phiên bản mới và nó đi kèm trong hệ điều hành Windows 7. Kể từ phiên bản Windows Vista, người dùng đã có thể dễ dàng cài đặt hoặc gỡ bỏ WMP và bạn cũng có thể áp dụng cách này để cài đặt WMP 12 trong trường hợp WMP gặp trục trặc:
- Vào menu Start > Search, gõ appwiz.cpl > nhấn Enter để mở cửa sổ Program and Features.
- Từ cửa sổ Program and Features, bạn nhấn chuột vào liên kết Turn Windows features on or off để mở cửa sổ Windows Features.
- Từ cửa sổ Windows Features, bạn hãy nhấn chuột vào dấu (+) trong mục Media Features, sau đó loại bỏ dấu chọn trong mục Windows Media Player để loại bỏ công cụ này ra khỏi Windows 7. Một cửa sổ cảnh báo hiện ra, bạn nhấn Yes để xác nhận. Sau cùng, nhấn OK rồi nhấn chuột vào nút Restart Now để khởi động lại máy tính.
- Sau khi khởi động lại máy tính, bạn hãy cho đĩa DVD chứa bộ source cài đặt Windows 7 vào ổ đọc rồi thực hiện lại các bước trên để mở cửa sổ Windows Features. Tại đây, bạn hãy đánh dấu chọn vào mục Windows Media Player, sau đó nhấn OK để cài đặt lại WMP 12 cho Windows 7.
(Sưu tầm từ báo TTMT)
More about

SỬ DỤNG VIDEO LÀM HÌNH NỀN DESKTOP

Người đăng: Unknown

Như các bạn đã biết, phiên bản Windows 7 và Vista đều có tính năng DreamScene để cho phép bạn sử dụng các video clip hay ảnh động làm Wallpaper cho Desktop. Nếu bạn muốn sử dụng tính năng này cho Windows XP, bạn có thể nhờ đến phần mềm nghe nhạc, xem phim VLC player (tải TẠI ĐÂY). Cách làm như sau:
Bạn kích hoạt cửa sổ chương trình lên, mở menu Tool, chọn Preferences rồi chọn thẻ Video trong cửa sổ thiết lập, tiếp đến trong khung Display, bạn chọn DirectX video output hoặc DirectX (video Draw) video output trong danh mục thả xuống của khung Output và đánh dấu kiểm trước dòng chữ Enable wallpaper mode. Nhấn nút Save phía dưới để lưu lại thiết lập.
Bây giờ hãy mở một đoạn video bất kỳ lên, nó sẽ tự động hiển thị làm hình nền cho Desktop của bạn.


(Sưu tầm từ báo TTMT)
More about

Virus siêu đa hình hoành hành dữ dội

Người đăng: Unknown

Virus siêu đa hình quay lại hoành hành dữ dội trong thời gian gần đây.
380.000 lượt máy tính tại Việt Nam bị nhiễm virus siêu đa hình W32.Sality.PE trong tháng 9 vừa qua, tăng gấp đôi so với tháng 7, theo thống kê của Bkav.

Theo nghiên cứu của Bkav, tình trạng này là do lỗ hổng Shortcut của Windows đang "tạo điều kiện" khiến dòng virus siêu đa hình (Metamorphic virus) lây lan trên diện rộng.

Được phát hiện từ tháng 7/2010, lỗ hổng Shortcut của Windows liên tục bị virus lợi dụng để xâm nhập và phá hoại máy tính của người sử dụng.

"Chỉ cần người dùng mở thư mục có chứa file Shortcut, virus sẽ tự động lây nhiễm vào máy tính. Kết hợp với khả năng tự động biến đổi, lai tạo để sinh ra các thế hệ virus đời F1, F2... khiến cho việc nhận dạng và bóc lớp của các phần mềm diệt virus càng khó khăn", ông Vũ Ngọc Sơn, Giám đốc bộ phận nghiên cứu của Bkav mô tả.

Bkav khuyến cáo người dùng cần thường xuyên cập nhật bản vá lỗi các phần mềm đang sử dụng để tránh nguy cơ bị nhiễm virus và cập nhật phần mềm diệt virus. Theo ông Sơn, người dùng có thể cập nhật phiên bản Bkav mới nhất (tại bkav.com.vn) để diệt triệt để virus W32.Sality.PE.

Trong tháng 9/2010, Bkav đã thống kê 36 website của các cơ quan, doanh nghiệp tại Việt Nam bị hacker xâm nhập, trong đó có 20 trường hợp gây ra bởi hacker trong nước và 16 trường hợp do hacker nước ngoài.

Tháng 9 đã có 2.876 dòng virus máy tính mới xuất hiện tại Việt Nam. Các virus này đã lây nhiễm trên 5.610.000 lượt máy tính. Virus lây nhiều nhất trong tháng qua là W32.AutoRunUSB.Worm đã lây nhiễm trên 270.000 lượt máy tính.
More about

THAY ĐỔI THỜI GIAN HOÀN TÁC GỬI TRONG GMAIL

Người đăng: Unknown

Nếu sử dụng Gmail chắc hẳn bạn đã không lạ gì với tính năng "Hoàn tác gửi" để lấy lại thư đã gửi. Nếu các bạn nào chưa có tính năng này, thì vào phần cài đặt chọn thẻ Lab để bật tính năng này


Sau khi bật tính năng này rồi bạn "Lưu thay đổi" để có hiệu lực.
Tính năng này có thể giúp bạn hoàn tác thư vừa gởi. Tuy nhiên, mặc định nó chỉ xuất hiện trong 10 giây khi vừa gởi đi, như vậy là quá ít. Bạn có thể thay đổi khoảng thời gian này bằng cách: Trong giao diện chính. bạn chọn Cài đặt > Chung. Sau đó tìm đến dòng Hoàn tác gửi rồi nhấn chọn vào dấu mũi tên xổ xuống trong ô Thời gian hủy gửi, bạn chọn thời gian mới. Cuối cùng nhấn "lưu thay đổi" để hoàn tất.


(Sưu tầm từ báo TTMT)
More about

Công chức không nên dùng email “ngoại”

Người đăng: Unknown

Các công chức nhà nước sử dụng các dịch vụ email của nước ngoài để trao đổi công việc có thể ảnh hưởng đến an ninh quốc gia, công ty an ninh mạng Bkav khuyến cáo.

Trong tháng 9 vừa qua, một loạt báo quốc tế như CNN và Cnet đều đưa tin về việc Google thừa nhận sa thải một kỹ sư là David Barksdale vì đã lợi dụng quyền quản trị hệ thống để đọc và nghe trộm tài khoản Gmail, Gtalk của ít nhất 4 khách hàng. Trong vụ truy cập trái phép như vậy, viên kỹ sư này đã nghe trộm log những cuộc gọi qua Google Voice của một cậu bé 15 tuổi, sau đó truy cập vào tài khoản và tìm được tên, số điện thoại của bạn gái cậu ta. Barksdale đã chế nhạo và dọa sẽ gọi điện cho bạn gái cậu bé, khiến cậu này rất hoang mang. Google cũng thừa nhận trước đó tại Google đã từng xảy ra vi phạm chính sách an ninh thông tin tương tự.

"Vụ việc cho thấy chính sách an ninh thông tin của Google chưa đủ đảm bảo những thông tin, dữ liệu cá nhân của khách hàng không bị khai thác bất hợp pháp, thậm chí bị lợi dụng vào mục đích xấu. Khi điện toán đám mây phát triển, những sự việc tương tự như của Google kể trên tất yếu có thể xảy ra với bất kỳ nhà cung cấp dịch vụ trực tuyến nào", ông Nguyễn Minh Đức, Giám đốc bộ phận an ninh mạng của Bkav, nhận định.

Sử dụng dịch vụ trực tuyến, khách hàng không biết những thông tin, dữ liệu của mình được lưu trữ ở đâu, phải hoàn toàn phụ thuộc vào nhà cung cấp mà không có gì để đảm bảo. Tại Việt Nam, hàng triệu cá nhân, doanh nghiệp, nhân viên các tổ chức xã hội, nhà nước... đang sử dụng dịch vụ email miễn phí của các nhà cung cấp nước ngoài như Google, Yahoo, Hotmail... Nhiều thông tin quan trọng như bí mật kinh doanh, đời tư cá nhân... được trao đổi bằng email cung cấp bởi những nhà cung cấp này. Điều đó tiềm tàng những nguy cơ gây tổn thất cho người dùng tại Việt Nam.

"Chúng tôi nhận thấy, thậm chí nhiều nhân viên trong các cơ quan nhà nước sử dụng email được cung cấp bởi các nhà cung cấp dịch vụ từ nước ngoài để trao đổi thông tin công việc. Điều này sẽ ảnh hưởng đến an ninh thông tin quốc gia", ông Đức nhấn mạnh.

Không chỉ có nguy cơ bị đọc trộm thông tin khi sử dụng các dịch vụ trực tuyến bên ngoài Việt Nam, người dùng trong nước còn không thể can thiệp được gì khi có sự cố xảy ra. Trong trường hợp bị mất tài khoản, dù những cái tên như Google, Yahoo... hiện hữu rất quen thuộc, song người sử dụng vẫn không thể biết họ "ở đâu", phải liên hệ thế nào để có thể lấy lại được tài khoản. Thực tế, hầu hết người sử dụng tại Việt Nam bị mất tài khoản Gmail, Yahoo... đều không thể lấy lại được.

Công ty an ninh mạng Bkav khuyến cáo, nhân viên các cơ quan hành chính nhà nước không nên trao đổi thông tin công việc bằng hệ thống email miễn phí của những nhà cung cấp dịch vụ từ nước ngoài. Người sử dụng cá nhân và doanh nghiệp cũng cần cẩn trọng, không trao đổi các thông tin quan trọng về cá nhân, bí mật kinh doanh qua hệ thống email kiểu này.

More about

Tạo nút trượt lên đầu và cuối trang web bằng jQuery

Người đăng: Unknown on Chủ Nhật, 24 tháng 10, 2010

Dưới đây là một cách tạo nút lên đầu hoặc cuối trang web bằng 1 cái nhấp chuột đơn giản. Thủ thuật này sử dụng các sự kiện cuộn đặc biệt qua thư viện jQuery từ James Padolsey. Có 2 nút cố định nằm ở đáy bên trái trang web, mỗi nút có chức năng di chuyển xuống hoặc lên trong trang web. Nếu bạn kéo thanh cuộn trang web thì 2 nút này mờ ẩn dần và cho hiệu ứng mềm mại đẹp mắt.


Xem demo.

Sau đây là các bước thực hiện thủ thuật.

1. Bước 1: Dán đoạn code CSS này vào trước thẻ </head> (áp dụng cho cả Blogger).
<style type="text/css">
.nav_up{
padding:7px;
background-color:white;
border:1px solid #CCC;
position:fixed;
background:transparent url(http://www.tympanus.net/scrollupdown/images/arrow_up.png) no-repeat top left;
background-position:50% 50%;
width:20px;
height:20px;
bottom:10px;
opacity:0.7;
left:30px;
white-space:nowrap;
cursor: pointer;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
-khtml-border-top-left-radius:3px;
-khtml-border-top-right-radius:3px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.nav_down{
padding:7px;
background-color:white;
border:1px solid #CCC;
position:fixed;
background:transparent url(http://www.tympanus.net/scrollupdown/images/arrow_down.png) no-repeat top left;
background-position:50% 50%;
width:20px;
height:20px;
bottom:10px;
opacity:0.7;
left:70px;
white-space:nowrap;
cursor: pointer;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
-khtml-border-top-left-radius:3px;
-khtml-border-top-right-radius:3px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
</style>
Bước 2: Dán toàn bộ đoạn code bên dưới vào trước thẻ </body> (áp dụng cho cả Blogger). Đối với Blogger có thể dán toàn bộ đoạn code vào một widget HTML/JavaScript nằm dưới phần footer.
<script src="http://www.tympanus.net/scrollupdown/jquery-1.3.2.js" type="text/javascript"></script>
<script src="http://www.tympanus.net/scrollupdown/scroll-startstop.events.jquery.js" type="text/javascript"></script>
<script>
$(function() {
var $elem = $('#content');

$('#nav_up').fadeIn('slow');
$('#nav_down').fadeIn('slow');

$(window).bind('scrollstart', function(){
$('#nav_up,#nav_down').stop().animate({'opacity':'0.2'});
});
$(window).bind('scrollstop', function(){
$('#nav_up,#nav_down').stop().animate({'opacity':'1'});
});

$('#nav_down').click(
function (e) {
$('html, body').animate({scrollTop: $elem.height()}, 800);
}
);
$('#nav_up').click(
function (e) {
$('html, body').animate({scrollTop: '0px'}, 800);
}
);
});
</script>
Hy vọng với thủ thuật này, các bạn sẽ giúp ích nhiều cho trang web của bạn.
More about

Liệt kê tiêu đề bài viết mới nhất cho 1 nhãn

Người đăng: Unknown

Nếu bạn chịu khó tìm kiếm trên Google thì sẽ tìm thấy một số bài viết hướng dẫn cách tạo widget bài viết mới nhất có ảnh thumbnail cho cả Blog và cho riêng 1 nhãn nào đó. Đôi khi bài viết mới nhất cho riêng 1 nhãn mà chỉ cần liệt kê tiêu đề bài viết cũng rất cần thiết. Thủ thuật sau đây sử dụng feed chuyên biệt theo 1 nhãn với định dạng JSON kết hợp Javascript. Nó giúp liệt kê tiêu đề những bài viết mới nhất cho 1 nhãn nào đó trên Blogger. Dưới đây là những bước cài đặt widget.

1. Đăng nhập vào Blogger.

2. Vào Bảng điều khiển (Dashboard) >> Thêm tiện ích (Add A Gadget) >> Chọn HTML/Javascript .

3. Đặt tiêu đề cho widget của bạn. Dán đoạn code bên dưới vào phần nội dung của widget.

<!-- Recent Posts by Label Start -->
<script type="text/javascript">
function recentpostslist(json) {
document.write('<ul>');
for (var i = 0; i < json.feed.entry.length; i++)
{
for (var j = 0; j < json.feed.entry[i].link.length; j++) {

if (json.feed.entry[i].link[j].rel == 'alternate') {

break;

}

}

var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";

document.write(item);
}

document.write('</ul>');
}
</script>
<script src="http://yourname.blogspot.com/feeds/posts/summary/-/Label name?max-results=postnumber&alt=json-in-script&callback=recentpostslist"></script>
<!-- Recent Posts by Label End -->
4. Thay thế yourname bằng tên địa chỉ Blogger của bạn.

Thay Label name bằng tên nhãn cần hiển thị những bài viết mới nhất.

Thay Postnumber bằng số bài viết cần hiển thị, ví dụ: 5, 7, 10, … Nếu muốn hiển thị tất cả bài viết thì để là 500 (số tối đa cho widget này).

Chú ý: Tiêu đề các bài viết được liệt kê có dấu chấm đầu dòng (dùng thẻ <ul>). Nếu bạn muốn được liệt kê theo số thứ tự thì thay đoạn document.write('</ul>'); bằng document.write('</ol>');
More about

THEO DÕI EMAIL ĐÃ GỞI

Người đăng: Unknown on Thứ Bảy, 23 tháng 10, 2010

Khi bạn gởi đi một bức thư quan trọng và bạn muốn biết được người nhận đã xem qua bức thư đó chưa? Tôi xin giới thiệu cho bạn 1 Add-on EmailOracle.
EmailOracle là một add-on được thiết kế dành riêng cho hệ thống thư của Gmail (chưa hỗ trợ Yahoo!Mail, LiveMail và chưa chạy được trên trình duyệt Opera), nó có thể cài đặt trên trình duyệt FireFox, Chrome và Safari.
Để sử dụng được tiện ích này, trước hết bạn VÀO ĐÂY. Trong giao diện chính của trang web, bạn nhấn nút Add to Gmail để tích hợp dịch vụ này vào hòm thư của bạn.

Giao diện của Add-on
Lúc này, một dòng thông báo nhỏ sẽ hiện ra và yêu cầu cài đặt ActiveX (Extentions, apps and themes can ham your computer...), bạn hãy nhấn nút Continue để chấp nhận tùy chọn này. Sau đó, nhấn nút Install để cài đặt. Lúc này, bạn hãy đăng nhập vào hộp thư Gmail. Trong số các thẻ xuất hiện như bình thường, bạn sẽ thấy một đề mục mới với tên gọi Tracked Emails. Đây chính là tính năng mà dịch vụ EmailOracle mới thêm vào.
Để sử dụng tính năng theo dõi thư, bạn thực hiện việc soạn thư như bình thường, nhưng có thêm hai điểm khác biệt trong tùy chọn gửi thư. Trong cửa sổ soạn thư (Compose mail) bạn nhìn thấy phía dưới ô Subject sẽ xuất hiện thêm ô Track, kèm với nó là 2 tùy chọn: Remind me If I haven't heard back in...days (chế độ nhắc nhở tự động khi email gửi chưa có sự phản hồi), See whether the recipient opens this mail (thông báo khi email gửi đã được xem qua). Bạn hãy kích hoạt lần lượt cả hai tùy chọn này (mặc định, với tài khoản miễn phí, bạn sẽ theo dõi được 220 lần thư gửi đi)

Sau đó, bạn soạn thư và gửi như bình thường. Để gửi thư, bạn nhấn nút Send and track (gửi), trường hợp người nhận mở bức thư này ra xem, bạn sẽ nhận được thông báo về thời điểm mà người nhận đã mở thư, số lần đã đọc thư, và ngày mở thư gần nhất là bao nhiêu...
Sau này nếu không muốn sử dụng dịch vụ này nữa, bạn hãy vào chế độ quản lý các Add-on của FireFox hay Extension của Safari, Chrome và xóa nó đi. Sau đó khởi động lại trình duyệt là xong.
(Sưu tầm từ báo eChip)
More about