Tôi vừa sưu tầm được hình 12 con giáp đem về chỉnh sửa chút ít, nay đăng lên cho các bạn chiêm ngưỡng
HÌNH CHIẾN BINH 12 CON GIÁP TUYỆT ĐẸP
Người đăng: buonkhongem on Thứ Hai, 14 tháng 3, 2011
☆ TẠO MENU DỌC CHO BLOGGER
Người đăng: buonkhongem on Chủ Nhật, 13 tháng 3, 2011
Để tạo menu dọc cho Blogger theo như mẫu sau: (Bạn rê chuột vào ảnh để xem ảnh với kích thước lớn hơn.)
Các bạn cần làm các bước sau:
Các bạn cần làm các bước sau:
Bước 1: Đăng nhập vào Blog của mình chọn Thiết kế > Chỉnh sửa HTML.
Một bảng chỉnh sửa mẫu của Blog hiện lên, bạn bấm Ctrl+F để hiện hộp tìm kiếm, sau đó bạn gõ vào ]]></b:skin>. Bây giờ bạn copy đoạn code này vào và dán trên chữ ]]></b:skin>.
#navcontainer { background: #666666; width: 100%; margin: 0 auto; padding:0em 0; font-family: georgia, serif; font-size: 15px; text-align: center; text-transform: uppercase; } ul#navlist { text-align: left; list-style: none; padding: 0; margin: 0 auto; width: 100%; } ul#navlist li { display: block; margin: 0; padding: 0; } ul#navlist li a { display: block; width: 100%; padding: 1em 0 1em 1em; border-width: 2px; border-color: #ffe #aaab9c #ccc #fff; border-style: solid; color: #777; text-decoration: none; background: #000000; } #navcontainer>ul#navlist li a { width: auto; } ul#navlist li#active a { background: #f0e7d7; color: #800000; } ul#navlist li a:hover, ul#navlist li#active a:hover { color: #0bd500; background: #2c7f0c; border-color: #aaab9c #fff #fff #ccc; }
Một bảng chỉnh sửa mẫu của Blog hiện lên, bạn bấm Ctrl+F để hiện hộp tìm kiếm, sau đó bạn gõ vào ]]></b:skin>. Bây giờ bạn copy đoạn code này vào và dán trên chữ ]]></b:skin>.
Nếu màu của thanh menu không thích hợp với Blog của bạn, bạn có thể thay thế màu khác bằng cách thay các code màu xanh (xem cách lấy mã màu TẠI ĐÂY).
Sau đó, bạn bấm vào thẻ LƯU MẪU.
Bước 2: Bạn quay lại thiết kế > thêm Tiện ích > chọn thêm HTML/Javacrip và copy đoạn code này dán vào
<li><a href="Link URL">Tên hiển thị trên menu</a></li>
<li><a href="Link URL">Tên hiển thị trên menu</a></li>
<li><a href="Link URL">Tên hiển thị trên menu</a></li>
<li><a href="Link URL">Tên hiển thị trên menu</a></li>
<li><a href="Link URL">Tên hiển thị trên menu</a></li>
</ul> </div>
Bạn thay thế các Link URL và các tên hiển thị trên menu theo ý mình, sau đó bấm LƯU
Bây giờ quay lại vào Blog bạn sẽ thấy một menu dọc tuyệt đẹp xuất hiện trên Blog của mình.
Nếu chưa thoả mãn với menu này, bạn có thể xem tiếp một vài mẫu menu khác TẠI ĐÂY.
Chúc các bạn thành công
▀▄▀▄▀▄dunghennessy.blogspot.com▄▀▄▀▄▀
CHUYỂN CÁC ỨNG DỤNG ĐÃ CÀI SANG PHÂN VÙNG KHÁC
Người đăng: buonkhongem on Thứ Bảy, 12 tháng 3, 2011
Thông thường, các ứng dụng chủ chốt được các bạn cài đặt chung với phân vùng cài đặt Hệ Điều Hành (ổ C) như Microsoft Office, Unikey, diệt virus...
Một ngày nào đó, nếu dung lượng của phân vùng này nhiều lên sẽ gây khó khăn khi làm việc sau này của máy (máy khởi động chậm). Trong trường hợp này, bạn nên chuyển bớt các ứng dụng đã cài sang phân vùng khác để giảm thiểu cho dung lượng trống phục vụ cho quá trình hoạt động của Hệ điều hành chính. Tất nhiên, nếu muốn di chuyển các ứng dụng đã cài, các bạn phải gỡ bỏ và cài đặt lại tốn rất nhiều thời gian. Để đơn giản hơn, các bạn có thể sử dụng một tiện ích nhỏ gọn (dung lượng 1.14MB) chạy trực tiếp không cần cài đặt. Bạn download TẠI ĐÂY. (tiện ích này chỉ thích hợp với Windows 7 không thích hợp với Win XP)
Sau khi tải về, bạn giải nén và bấm chuột phải vào tập tin có đuôi .exe rồi chọn Run as administrator để khởi động chương trình.
Từ giao diện chính, bạn bấm chuột vào nút ba chấm (...) trong khung Steam Apps Common Folder sau đó chọn thư mục chứa các chương trình đã được cài trên phân vùng chứa Hệ điều hành (thường là C:\Program Files), lúc này bạn sẽ thấy danh sách các phần mềm được liệt kê bên khung tay trái. Tiếp theo, bấm nút ba chấm trong ô Alternative Folder để chọn thư mục hay phân vùng khác mà bạn cần di chuyển các ứng dụng này vào.
Để di chuyển một ứng dụng nào đó, bạn bấm chuột trái chọn vào tên của nó rồi bấm vào nút mũi tên màu xanh ở phía dưới (nằm ở cuối giao diện).
Chờ giây lát chương trình được chọn sẽ di chuyển sang phân vùng khác ở bên tay phải của giao diện. Ngoài ra, bạn có thể thao tác ngược lại để di chuyển các ứng dụng vào phân vùng Hệ điều hành...
Tiện ích Nhận xét mới nhất sử dụng JSON
Người đăng: buonkhongem
Mới đấy mà đã qua một tuần đi công tác, không có thời gian cũng như điều kiện ở nơi công tác để có thể viết bài cho blog, nên dường như blog ngày trở về sau chuyến công tác trở nên vắng lặng khác thường. Song ở đâu đấy hẳn có nhiều người mong đợi mình trở về để tiếp tục chia sẻ những thủ thuật mới về blogspot.
Thôi thì trong lúc làm quen lại với thời tiết sau chuyến đi thay đổi độ cao, xin giới thiệu với mọi người về một tiện ích rất đỗi quen thuộc, đó là tiện ích Nhận xét mới nhất (Listed Recent Comments Widget). Song ở đây bài viết sẽ giới thiệu rõ hơn về cấu trúc JSON và tiện ích này có một đặc tính nổi bật là khi rê trỏ vào tiêu đề nhận xét, sẽ hiển thị tác giả nhận xét đó.
Bạn có thể xem Demo dưới đây.
Để cài đặt tiện ích này, bạn chỉ việc Đăng nhập Blogger, vào Page Elements và đặt toàn bộ đoạn code dưới đây vào một tiện ích HTML.
Bạn nhớ thay huynh-nhat-ha bằng tên blogspot của bạn.
Dựa vào các phần chú thích trong script ở trên, hy vọng bạn sẽ hiểu rõ thêm về JSON được sử dụng nhiều cho các thủ thuật Blogger.
More about →
Thôi thì trong lúc làm quen lại với thời tiết sau chuyến đi thay đổi độ cao, xin giới thiệu với mọi người về một tiện ích rất đỗi quen thuộc, đó là tiện ích Nhận xét mới nhất (Listed Recent Comments Widget). Song ở đây bài viết sẽ giới thiệu rõ hơn về cấu trúc JSON và tiện ích này có một đặc tính nổi bật là khi rê trỏ vào tiêu đề nhận xét, sẽ hiển thị tác giả nhận xét đó.
Bạn có thể xem Demo dưới đây.
Nhận xét mới nhất
Để cài đặt tiện ích này, bạn chỉ việc Đăng nhập Blogger, vào Page Elements và đặt toàn bộ đoạn code dưới đây vào một tiện ích HTML.
<style type="text/css">
ul#recent-com-ha li {list-style-type: decimal;/* thay decimal bằng none nếu không muốn list dạng số thứ tự */}
</style>
<script type='text/javascript'>
//<![CDATA[
// Listed Recent Comments Widget by www.huynh-nhat-ha.blogspot.com
var commax = 10; // xác định số nhận xét được hiển thị
var comlength = 60; // xác định độ dài tối đa của tiêu đề nhận xét
function showrecentcomments(json) {
var entry, comurl, comcontent, output;
// lệnh để đọc nhận xét
for (var i=0;i<commax;i++) {
// đọc và giữ dữ liệu
entry = json.feed.entry[i];
// nếu không đủ dữ liệu thì kết thúc
if (i==json.feed.entry.length)break;
// tìm URL của nhận xét
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
comurl=entry.link[k].href;
break;
}
}
// địa chỉ nhận xét như thế này:
// http://huynh-nhat-ha.blogspot.com/2011/03/recent-comments-widget.html#12345678901234567890
// được điều chỉnh lại để tương thích trên Blogger
// http://huynh-nhat-ha.blogspot.com/2011/03/recent-comments-widget.html#comment-12345678901234567890
comurl=comurl.replace("#","#comment-");
// tìm nội dung nhận xét
if ("content" in entry){
comcontent = entry.content.$t;
} else if("summary" in entry) {
comcontent = entry.summary.$t;
} else {
comcontent = "";
}
// chuyển đổi nó thành văn bản thuần túy, nếu cần thì cắt gọn không vượt độ dài tối đa
var re=/<\S[^>]*>/g;
comcontent=comcontent.replace(re,"");
if (comcontent.length>comlength) {
comcontent = comcontent.substring(0,comlength) + " …";
}
// có đủ dữ liệu và hiển thị kết quả dựa trên cấu trúc HTML
output = "<li>";
output += "<a target='_blank' rel='nofollow' title= '"+ entry.author[0].name.$t + "' href='" + comurl + "'>" + comcontent +"</a>";
output += "</li>";
// viết dữ liệu
document.write(output);
}
}
//]]>
</script>
<ul id="recent-com-ha">
<script src="http://huynh-nhat-ha.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
</ul>
ul#recent-com-ha li {list-style-type: decimal;/* thay decimal bằng none nếu không muốn list dạng số thứ tự */}
</style>
<script type='text/javascript'>
//<![CDATA[
// Listed Recent Comments Widget by www.huynh-nhat-ha.blogspot.com
var commax = 10; // xác định số nhận xét được hiển thị
var comlength = 60; // xác định độ dài tối đa của tiêu đề nhận xét
function showrecentcomments(json) {
var entry, comurl, comcontent, output;
// lệnh để đọc nhận xét
for (var i=0;i<commax;i++) {
// đọc và giữ dữ liệu
entry = json.feed.entry[i];
// nếu không đủ dữ liệu thì kết thúc
if (i==json.feed.entry.length)break;
// tìm URL của nhận xét
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
comurl=entry.link[k].href;
break;
}
}
// địa chỉ nhận xét như thế này:
// http://huynh-nhat-ha.blogspot.com/2011/03/recent-comments-widget.html#12345678901234567890
// được điều chỉnh lại để tương thích trên Blogger
// http://huynh-nhat-ha.blogspot.com/2011/03/recent-comments-widget.html#comment-12345678901234567890
comurl=comurl.replace("#","#comment-");
// tìm nội dung nhận xét
if ("content" in entry){
comcontent = entry.content.$t;
} else if("summary" in entry) {
comcontent = entry.summary.$t;
} else {
comcontent = "";
}
// chuyển đổi nó thành văn bản thuần túy, nếu cần thì cắt gọn không vượt độ dài tối đa
var re=/<\S[^>]*>/g;
comcontent=comcontent.replace(re,"");
if (comcontent.length>comlength) {
comcontent = comcontent.substring(0,comlength) + " …";
}
// có đủ dữ liệu và hiển thị kết quả dựa trên cấu trúc HTML
output = "<li>";
output += "<a target='_blank' rel='nofollow' title= '"+ entry.author[0].name.$t + "' href='" + comurl + "'>" + comcontent +"</a>";
output += "</li>";
// viết dữ liệu
document.write(output);
}
}
//]]>
</script>
<ul id="recent-com-ha">
<script src="http://huynh-nhat-ha.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
</ul>
Bạn nhớ thay huynh-nhat-ha bằng tên blogspot của bạn.
Dựa vào các phần chú thích trong script ở trên, hy vọng bạn sẽ hiểu rõ thêm về JSON được sử dụng nhiều cho các thủ thuật Blogger.
☆ TẠO MENU NGANG CHO BLOGGER
Người đăng: buonkhongem on Thứ Sáu, 11 tháng 3, 2011
Để tạo menu ngang cho Blogger như hình mẫu dưới đây
Đầu tiên bạn đăng nhập vào Blogger của mình rồi chọn Thiết kế > thêm tiện ích và chọn HTML/Javacript, sau đó dán code này vào
<style> #navcontainer { /* none needed */ } ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#navlist li { float: left; font-family: verdana, arial, sans-serif; font-size: 9px; font-weight: bold; margin: 0; padding: 5px 0 4px 0; background-color: #3535c7; border-top: 1px solid #e0ede9; border-bottom: 1px solid #e0ede9; } #navlist a, #navlist a:link { margin: 0; padding: 5px 9px 4px 9px; color: #ff0000; border-right: 1px solid #d1e3db; text-decoration: none; } ul#navlist li#active { color: #95bbae; background-color: #d1e3db; } #navlist a:hover { color: #0000ff; background-color: #1e5508; } </style> <div id="navcontainer"> <ul id="navlist">
<li><a href="http://dungheineken.blogspot.com/"><span>TRANG CHỦ</span></a></li>
<li><a href="http://dungheineken.blogspot.com/p/giai-ap.html"><span>GIẢI ĐÁP</span></a></li>
<li><a href="http://dungheineken.blogspot.com/p/download.html"><span>DOWNLOAD</span></a></li> <li><a href="http://dungheineken.blogspot.com/p/photoshop.html"><span>PHOTOSHOP</span></a></li>
<li><a href="http://dungheineken.blogspot.com/p/cai-at-win-ghost-phan-chia-o-ia.html"><span>CÀI ĐẶT WIN-GHOST</span></a></li>
<li><a href="http://dungheineken.blogspot.com/p/vui-de-hoc.html"><span>VUI ĐỂ HỌC</span></a></li>
<li><a href="http://dungheineken.blogspot.com/p/web-hay.html"><span>WEB HAY</span></a></li><li><a href="http://dungheineken.blogspot.com/p/blog-page_26.html"><span>DUNGHEINEKEN</span></a></li>
</ul> </div>
Bây giờ, bạn hãy thay đổi các link màu đỏ bằng các link của Blog mình, bạn đặt tên cho các chữ màu vàng bằng các tên mà mình muốn hiển thị
Ngoài ra nếu muốn thay đổi màu chữ, màu nền cho menu các bạn thay đổi các code màu xanh.(xem bài cách lấy mã màu TẠI ĐÂY). Nếu mẫu trên chưa vừa ý với bạn, bạn có thể xem thêm các mẫu menu ngang TẠI ĐÂY
Cuối cùng bạn di chuyển tiện ích HTML/Javacript này nằm dưới thanh tiêu đề của Blog để tạo menu ngang giống như các trang Web.
Mách nhỏ: Nếu muốn có các đường Link của các trang trên Blog mình thì bạn phải tạo thêm trang cho Blog (xem hướng dẫn TẠI ĐÂY), sau khi thêm trang xong bạn viết bài vào trang đó và cho ẩn các trang, lấy đường link đó thay vào các code màu đỏ... lúc này khách tham quan bấm vào một mục nào đó trên thanh menu thì sẽ hiện lên trang của bạn đã tạo...
Còn các bài viết theo chủ đề (Nhãn) thì bạn nên tạo hộp menu xổ xuống thì đẹp và gọn hơn (xem hương dẫn TẠI ĐÂY)
Cuối cùng bạn di chuyển tiện ích HTML/Javacript này nằm dưới thanh tiêu đề của Blog để tạo menu ngang giống như các trang Web.
Mách nhỏ: Nếu muốn có các đường Link của các trang trên Blog mình thì bạn phải tạo thêm trang cho Blog (xem hướng dẫn TẠI ĐÂY), sau khi thêm trang xong bạn viết bài vào trang đó và cho ẩn các trang, lấy đường link đó thay vào các code màu đỏ... lúc này khách tham quan bấm vào một mục nào đó trên thanh menu thì sẽ hiện lên trang của bạn đã tạo...
Còn các bài viết theo chủ đề (Nhãn) thì bạn nên tạo hộp menu xổ xuống thì đẹp và gọn hơn (xem hương dẫn TẠI ĐÂY)
Chúc các bạn có một menu đẹp cho blog của mình
TẠO SLIDESHOW TRỰC TUYẾN
Người đăng: buonkhongem on Thứ Tư, 9 tháng 3, 2011
Để tạo SlideShow từ những bức ảnh của mình bạn phải có "kỹ năng" và có các phần mềm chuyên dụng, nếu không có các phần mềm này thì sao?
Các bạn có thể tạo cho mình một SlideShow tuyệt đẹp với những thao tác đơn giản từ các trang Web hỗ trợ trực tuyến.
Đầu tiên, bạn truy cập VÀO ĐÂY, sau đó bấm Create Your Free SlideShow, trang Web sẽ đưa ra các giao diện ban đầu cho SlideShow, bạn cứ việc chọn 1 giao diện vừa ý, sau đó bấm Continue để tiếp tục.
Đến trang kế, bạn có thể upload ảnh từ máy tính hoặc các trang web chia sẻ khác như Facebook, Flickr, Picasa....Bạn chờ vài phút (tùy theo ảnh nhiều hay ít) sẽ thấy các ảnh của mình xuất hiện ở phía dưới. Ở phía tay phải, bạn đặt tên mình và tên Album, chọn nhạc (music) hoặc có thể đổi lại giao diện cho SlideShow (bạn rê chuột vào mỗi theme để xem trước, nếu vừa ý thì bấm chuột trái để chọn). Khi hoàn thành xong các bước chọn lựa, bạn bấm vào Preview để xem trước, nếu thích thì bấm Done để tạo slideshow.
Bây giờ, bạn có thể chia sẻ slideShow này cho bạn bè, copy code để dán vào Blog hoặc down về chép vào đĩa làm kỷ niệm...
Bây giờ, bạn có thể chia sẻ slideShow này cho bạn bè, copy code để dán vào Blog hoặc down về chép vào đĩa làm kỷ niệm...
.
Ngoài trang Web kể trên, bạn cũng có thể VÀO ĐÂY, và làm theo các bước tương tự để tạo cho mình SlideShow khác...
Chúc các bạn có những SlideShow đẹp cho mình.
MỤC LỤC CỦA BLOG DUNGHENNESSY
Người đăng: buonkhongem
