Ẩn nội dung nhận xét của Nặc danh

Người đăng: Unknown on Thứ Sáu, 18 tháng 3, 2011

Cách đây một thời gian ngắn, bạn Noct đã hỏi tôi có thủ thuật nào giúp ẩn nội dung nhận xét của Nặc danh (Anonymous) hay không, bởi vì thông thường nếu muốn không cho phép Nặc danh đăng nhận xét trên một blogspot thì bạn phải cài đặt phần Comments theo lựa chọn Registered Users - includes OpenID; mà theo lựa chọn này thì ở phần nhận xét trên các bài viết sẽ mất đi tùy chọn Tên/URL (Name/URL). Vậy làm cách nào để ẩn đi nhận xét của Nặc danh mà vẫn để tùy chọn cài đặt nhận xét là Anyone - includes Anonymous Users (để người nhận xét với tư cách Tên/URL vẫn có thể đăng nhận xét).

Để trả lời câu hỏi này, lúc đầu tôi nghĩ đến việc dùng Javascript để tạo thủ thuật liên quan, tuy nhiên nhận thấy nếu dùng Javascript cho một vấn đề tuy nhỏ nhưng không kém phần quan trọng như vậy thì dù sao cũng hơi phung phí. Thế là tôi nghĩ đến việc không cần dùng Javascript mà vẫn tạo được thủ thuật này. Và cuối cùng tôi đã thành công, tuy kỹ xảo rất là đơn giản nhưng kết quả thì trên cả tuyệt vời. Bạn có thể xem kết quả ở hình minh họa bên dưới.



Bằng thủ thuật này, bạn sẽ ẩn đi nội dung nhận xét của Nặc danh (Anonymous), song vẫn có thể đọc được nội dung của nhận xét đó khi Đăng nhập Blogger vào phần Comments để xem. Để cài đặt thủ thuật này, trước tiên bạn Đăng nhập Blogger, vào Settings (Cài đặt) >> Comments (Nhận xét), chọn người có thể nhận xét là Bất kỳ ai – Kể cả Nặc danh (Anyone - includes Anonymous Users).

Tiếp tục vào Edit HTML, chọn Expand Widget Templates.

Tìm đến đoạn code giống như thế này.

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

Đối với một số Template sẽ trông giống thế này.

<div id='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</div>

Bạn chỉ việc thay dòng <p><data:comment.body/></p>

Bằng đoạn code bên dưới.

<b:if cond='data:comment.author == &quot;Nặc danh&quot;'>
<b:else/>
<p><data:comment.body/></p>
</b:if>

Lưu Template là xong.

Chú ý, bạn cần thay Nặc danh bằng Anonymous nếu tên hiển thị người nhận xét Nặc danh trên blog của bạn là Anonymous.
More about

☆ BỘ LỊCH ĐẸP CHO BLOGGER

Người đăng: Unknown

Dưới đây là các kiểu lịch cho Blog, các bạn thích cái nào thì gởi mã số và địa chỉ mail cho mình, mình sẽ gởi cho các bạn
Mã số: 01L





Mã số: 02L




Mã số: 03L



Mã số: 04L



Mã số: 05L



Mã số: 06L



Mã số: 07L



Mã số: 08L



Mã số: 09L


Mã số: 10L



Mã số: 11L

More about

☆ ĐỒNG HỒ TUYỆT ĐẸP CHO BLOGGER

Người đăng: Unknown

Để có một cái đồng hồ cho Blog bạn có thể truy cập vào Clocklink để tạo cho blog mình (xem hướng dẫn TẠI ĐÂY).Nếu vẫn chưa thỏa mãn, các bạn có thể sưu tầm thêm dưới đây
Tôi có sưu tầm được một số đồng hồ tuyệt đẹp cho Blogger, mời các bạn chiêm ngưỡng.
Mã số: 01







Mã số: 02








Mã số: 03







Mã số: 04







Mã số: 05






Mã số: 06






Mã số: 07







Mã số: 08






Mã số: 09







Mã số: 10







Mã số: 11







Mã số: 12






Mã số: 13






Mã số: 14






Mã số: 15






Mã số: 16




Mã số: 17





Mã số: 18




Mã số: 19





Mã số: 20






Mã số: 21





Mã số: 22





Mã số: 23







Mã số: 24






Mã số: 25






Mã số: 26







Mã số: 27






Mã số: 28







Mã số: 29






Mã số: 30






Mã số: 31






Mã số: 32





Mã số: 33





Mã số: 34






Mã số: 35



Mã số 36:

Mã số 37:





Mã số 38:





Mã số 39:





Mã số 40:






Mã số 41:





Mã số 42:





Mã số 43:



Nếu thấy thích cái nào, các bạn gởi cho mình mã số và địa chỉ mail, mình sẽ gởi code cho các bạn.
Ngoài ra, còn một số đồng hồ khá đẹp được kèm với lịch, mời các bạn xem TẠI ĐÂY.
More about

Bài viết mới nhất có ảnh đại diện cho từng nhãn

Người đăng: Unknown on Thứ Năm, 17 tháng 3, 2011

Trên blog này, bạn có thể tìm thấy nhiều kiểu tiện ích Bài viết mới nhất cho blogspot của mình bằng cách tìm đến nhãn Recent Posts. Và có lẽ đây là nơi mà bạn có thể tùy ý lựa chọn cho mình một kiểu tiện ích phù hợp cho blog của mình ở thể loại này.

Hôm nay xin giới thiệu với quý bạn đọc thêm một kiểu tiện ích cùng loại nhưng với tính năng khác biệt là tạo ảnh đại diện cho từng nhãn riêng biệt, theo đó nếu bài viết có ảnh thì script sẽ lấy ảnh đó làm ảnh đại diện, nếu bài viết không có ảnh thì script sẽ lấy ảnh mặc định (no-image) làm ảnh đại diện, nếu bài viết thuộc nhãn được gán ảnh đại diện riêng cho nhãn đó thì script sẽ lấy ảnh gán đó làm ảnh đại diện. Tôi gọi tiện ích này là Bài viết mới nhất có ảnh đại diện cho từng nhãn (Recent Posts with Thumbnails per Label Widget).

Ở đây bạn cần tạo ảnh riêng cho từng nhãn hoặc một số nhãn ưu tiên nào đó rồi upload lên host (hoặc lên chính Blogger) rồi lấy URL để cài đặt trong script của tiện ích.

Trước khi cài đặt bạn có thể xem Demo bên dưới.


Bài viết mới nhất



Để cài đặt tiện ích, bạn hãy thực hiện theo các bước sau đây.

Bước 1. Đăng nhập Blogger, vào Design >> Edit HTML. Đặt đoạn code bên dưới vào trước dòng ]]</b:skin>.

#rcp {margin: 0 auto;width: 245px;}
.rcposts {background-color: transparent;border: 1px solid #101921;height: 90px;margin: 5px 0;outline: 1px solid #404951;padding: 0;position: relative;width: 241px;}
.rcposts:hover {-moz-box-shadow: 0px 0px 60px #505961 inset;}
.rcposts img {height: 55px;left: 5px;position: absolute;top: 30px;width: 55px;}
.rcposts h6 {background-color: #404951;height: 20px;left: 5px;margin: 0;position: absolute;text-align: center;top: 6px;width: 230px;overflow: hidden;word-wrap: break-word;}
.rcposts h6 a {color: #ffffff;font-family: Tahoma;font-size: 11px !important;font-weight: normal !important;line-height: 20px;}
.rcposts p {font-size: 11px;height: 48px;left: 70px;line-height: 1.1;margin: 0;overflow: hidden;position: absolute;top: 35px;width: 160px;}

Trong đoạn code CSS ở trên, cần chú ý điều chỉnh tham số width:245px sao cho tương thích với chiều rộng của vị trí đặt tiện ích (thường là sidebar hoặc lowerbar).

Bước 2. Đặt đoạn code sau đây vào trước thẻ </head>.

<script type='text/javascript'>
//<![CDATA[
// Recent Post with Thumbnails per Label Widget by www.huynh-nhat-ha.blogspot.com
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'';
}
// Establish specific image per label
function getimage(cat) {
theimg = "http://goo.gl/lB0mM";
if(cat=="Tên nhãn 1"){theimg = "URL_nhãn 1"}
if(cat=="Tên nhãn 2"){theimg = "URL_nhãn 2"}
if(cat=="Tên nhãn 3"){theimg = "URL_nhãn 3"}
if(cat=="Tên nhãn 4"){theimg = "URL_nhãn 4"}
if(cat=="Tên nhãn 5"){theimg = "URL_nhãn 5"}
if(cat=="Tên nhãn 6"){theimg = "URL_nhãn 6"}
if(cat=="Tên nhãn 7"){theimg = "URL_nhãn 7"}

return theimg;
}
function recentpoststhumbperlabel(json) {
var entry, posttitle,posturl,postimg,postcontent;
var output = "";
for (var i = 0; i < json.feed.link.length; i++) {
if (i == json.feed.entry.length) { break; }
entry = json.feed.entry[i];
posttitle = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
if ("content" in entry) {
postcontent = entry.content.$t;
} else if ("summary" in entry) {
postcontent = entry.summary.$t;
} else {
postcontent = "";
}
if ("media$thumbnail" in entry) {
postimg = entry.media$thumbnail.url;
} else {
var cat = entry.category[0].term;
postimg = getimage(cat);
}
output += "<div class='rcposts'>";
output += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>";
output += "<h6><a href='" + posturl + "' target='_blank'>" + posttitle + "</a></h6>";
output += "<p>" + removeHtmlTag(postcontent,100) + " ...</p>";
output += "</div>";
}
document.getElementById("rcp").innerHTML = output;
}

//]]>
</script>

Trong đoạn code trên bạn cần thay lần lượt các tên nhãn tương ứng với URL của từng nhãn, bạn có thể thêm bao nhiêu nhãn cũng được theo đúng cấu trúc như trên, không phân biệt nhãn tiếng Anh hay tiếng Việt gì cả, ví dụ: Thủ thuật Blogger, CSS, HTML, Thiết kế web, Tin nóng, …

Lưu Template.

Bước 3. Vào Page Elements. Thêm một tiện ích HTML/Javascrip và đặt đoạn code dưới đây vào phần Nội dung tiện ích.

<div id="rcp"></div>
<script src="http://huynh-nhat-ha.blogspot.com/feeds/posts/default?max-results=5&orderby=published&alt=json-in-script&callback=recentpoststhumbperlabel"></script>
<div style="clear:both;"></div>

Thay huynh-nhat-ha bằng tên blogspot của bạn. Điều chỉnh tham số max-results=5 để hiển thị số bài viết bạn muốn cho tiện ích.

Đơn giản hơn, bạn có thể gộp code ở các bước rồi đặt vào một tiện ích HTML/Javascript theo Bước 3, như sau:

<style type='text/css'>
Đặt code CSS ở Bước 1 tại đây
</style>

<script type='text/javascript'>
Đặt code Javascript ở Bước 2 tại đây
</script>

<div id="rcp"></div>
<script src="http://huynh-nhat-ha.blogspot.com/feeds/posts/default?max-results=5&orderby=published&alt=json-in-script&callback=recentpoststhumbperlabel"></script>
<div style="clear:both;"></div>

Chúc bạn thành công! :47)
More about

☆ KHÓA CHỨC NĂNG DELETE, COPY VÀ CUT TRONG WINDOWS

Người đăng: Unknown on Thứ Ba, 15 tháng 3, 2011

Nếu bạn đang lo lắng những trường hợp can thiệp vào dữ liệu máy tính lấy đi các thư mục, các tập tin hoặc các em nhỏ "táy máy" vô tình xóa các file quan trọng của mình, bạn cần vô hiệu tạm thời những tính năng Delete, copy và cut trong menu ngữ cảnh.
Với công cụ nhỏ gọn (dung lượng 404KB) và hoàn toàn miễn phí các bạn sẽ không lo cho những trường hợp kể trên khi mình không ngồi trên máy tính. 
Bạn tải công cụ TẠI ĐÂY hoặc TẠI ĐÂY,  sau khi cài đặt, bạn khởi động chương trình từ biểu tượng được hiển thị trên desktop. Ở giao diện chương trình, bạn gõ tổ hợp phím tắt vào khung Define Hotkey (ví dụ: Ctrl+P), sau cùng nhấn nút Active để thiết lập.
Một bảng thông báo nhỏ hiện lên xác định tính hiệu lực của chương trình.


Bây giờ, mở 1 thư mục hoặc 1 file bằng menu chuột phải bạn sẽ thấy các dòng Cut, Copy, Delete, Send, Rename hoàn toàn bị vô hiệu.


Nếu muốn cho các tính năng đó trở lại bình thường, các bạn chỉ cần bấm tổ hợp phím đó 1 lần nữa là xong.




More about

☆ TẠO NHÃN (CHỦ ĐỀ) CHO CÁC BÀI VIẾT

Người đăng: Unknown

Để cho khách tham quan dễ tìm kiếm các chủ đề mình cần, các bạn nên gắn nhãn (tiêu đề, mục) cho các bài có cùng một nhãn.
Cách gắn nhãn cho các bài trên Blog rất đơn giản, các bạn làm lần lượt các bước sau:
Đầu tiên, bạn đăng nhập Blog của mình, chọn Thiết kế > Thêm tiện ích > chọn Nhãn. (Bạn rê chuột vào ảnh để xem ảnh với kích thước lớn hơn).



Một bảng Định cấu hình nhãn hiện ra, tại đây các bạn có thể viết tiêu đề cho nhãn, thiết lập cách hiển thị, sắp xếp các nhãn bằng cách đánh dấu chọn phía trước sau cùng bấm Lưu


Muốn ẩn nhãn nào đó bạn đánh dấu chọn vào mục Nhãn đã chọn > chỉnh sửa.


Một bảng nhỏ hiện ra, cần hiển thị nhãn nào thì đánh dấu chọn vào phía trước nhãn đó, muốn ẩn thì làm ngược lại...sau khi chọn xong bấm Hoàn thành.


Tiếp theo, khi hoàn thành bài viết nào tùy theo chủ đề các bạn cần gắn nhãn cho nó (ví dụ: thủ thuật Blog, thủ thuật WinXP, thủ thuật Win7...) ở dưới bài viết. Sau cùng xuất bản bài đăng

Bây giờ vào Blog các bạn sẽ thấy dưới mỗi bài viết là nhãn mà bạn đã chọn đồng thời trên Blog bạn sẽ thấy một tiện ích hiển thị các nhãn mà bạn đã tạo.


Bây giờ, khách tham quan nếu thích chủ đề nào thì người ta bấm vào chủ đề đó, một trang mới sẽ mở ra trong đó sẽ có tất cả các bài viết có nội dung theo chủ đề mà bạn đã tạo ban đầu.
More about

☆ CÁCH LẤY MÃ MÀU ĐƠN GIẢN NHẤT

Người đăng: Unknown

Trong mục thủ thuật Blogger, tôi có Post các code để tạo menu ngang (xem hướng dẫn TẠI ĐÂY) và menu dọc (xem hướng dẫn TẠI ĐÂY), các code trên là code mẫu, do đó muốn cho màu của các menu phù hợp với Blog của mỗi người, các bạn phải thay đổi mã màu cho nó.
Có nhiều cách để lấy mã màu nhưng cách đơn giản nhất là lấy tại chính trang Blog của mình.
Để lấy mã màu trên trang Blog của mình, đầu tiên bạn phải đăng nhập vào Blog, chọn Thiết kế > chọn thẻ Trình thiết kế mẫu. (Bạn rê chuột vào ảnh để xem ảnh với kích thước lớn hơn.)


Một bảng mẫu hiện ra, tại đây bạn chọn mục Nâng cao, tiếp đó bạn chọn tiếp ở bảng nhỏ kế bên một mục nào đó (ở đây tôi chọn mục Nền Tab). Từ đây bạn nhìn bên tay phải sẽ có các màu để bạn chọn, muốn chọn màu nào thì bấm chọn màu đó (hoặc bấm vào mũi tên xổ xuống kế bên bảng màu để chọn màu), các bạn sẽ thấy xuất hiện các mã tương ứng ở ô kế bên, đến đây bạn copy mã màu này để thay thế mã màu cho các menu.


Bây giờ, các bạn đã có một menu tuyệt đẹp từ chính mã màu của Blog bạn rồi đấy!!!


Chúc các bạn có một menu tuyệt đẹp trên blog của mình.
More about