[Update] - Tạo số đếm cho các comment của blogspot

Người đăng: Unknown on Thứ Bảy, 11 tháng 6, 2011

Hôm nay đang ngồi chỉnh sửa lại template, đột nhiên mình nhớ đến thủ thuật tạo số đếm cho các comment của blogspot. Trước kia, khi thủ thuật này xuất hiện, nó khá đơn giản, chỉ là 1 lệnh đếm. Vì thế mà nó có lỗi là khi sang trang khác (nếu số comment nhiều hơn 200) thì nó không đếm tiếp, mà bắt đầu lại bằng 0. Lúc đó cũng có người hỏi mình vấn đề này, và khi đó còn gà nên chưa khắc phục được. Hôm nay có 1 chút kiến thức sơ sơ nên mình sẽ khắc phục nó.


Như thường lệ khi làm các bài viết về comment của blogspot, mình luôn vào blog của bạn Ngân (blogtruyen.com) để xem, do blog của bạn Ngân theo hiện tại mình biết thì là blogspot ở Việt Nam có số lượng đọc giả nhiều nhất và comment nhiệt tình nhất. Chính vì thế mà việc tìm bài viết có số comment trên 200 là điều khá dễ dàng. Và khá bất ngờ là bạn Ngân đã khắc phục thủ thuật này rồi. Và mình có viewsource của blogtruyen để xem cách làm như thế nào. Rất may là khác với cách mình sắp giới thiệu cho mọi người, vì thế mà mình có thể an tâm giữ "bản quyền" code cho bạn Ngân.

Mình cũng ít lang thang các blog, nên không biết có ai post bài này chưa, nếu có thì cũng xem như là lưu trữ trên BlOg FD thôi. Còn chưa thì coi như có thêm 1 bài nữa cho các bạn tham khảo. Còn việc update và sử dụng thủ thuật này mình nghĩ cũng sẽ có ít bạn dùng, do số blog có comment trên 200cm/bài viết cũng không nhiều (ngay cả blog của mình, hình như cũng chỉ có 2 bài). Nhưng mà thôi, ta cứ update lên, biết đâu nhỡ có bài hơn 200 comment thì sao :D.

Để khắc phục, các bạn nên xem lại bài viết này : Tạo số đếm cho các comment của blogspot

Xem demo trực tiếp : DEMO

Hình ảnh minh họa:

A. Để update thủ thuật, đầu tiên các bạn chèn đoạn code javascript bên dưới vào trước thẻ đóng </head> trong code template.
<script type='text/javascript'>
//<![CDATA[
String.prototype.GetValue= function(para) {
var reg = new RegExp("(^|&)"+ para +"=([^&]*)(&|$)");
var r = this.substr(this.indexOf("\?")+1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}
//]]>
</script>
- Thực ra đoạn code này có thể chèn trong vị trí ở comment, nhưng mình đưa nó vô phần head cũng có lý do. Code này là để lấy giá trị của 1 biến nào đó trong link liên kết, do có thể dùng chung nên mình để nó ở head, sau này có get giá trị nào đó từ link không cần phải chèn lại.
- Ví dụ link :
http://www.fandung.com/?v=full&page=2
ở đây ta có 2 biến là v có giá trị full page có giá trị là 2

B. Sau khi thực hiện xong bước A, ta save template lại và chọn "mở rộng mẫu tiện ích" để update thủ thuật.
- Trong bài trước (xem ở đây) ta sẽ update code ở bước 7.
- Ở bước 7 có 2 đoạn code javascript, và ta sẽ thay đổi đoạn code đầu tiên.

Code cũ :
<script type='text/javascript'>
var CommentsCounter=0;
</script>

Thay mới:
<script type='text/javascript'>
//<![CDATA[
var urlcm = location.href;
var pagecm = urlcm.GetValue("commentPage");
if (pagecm==undefined) { pagecm = 1; }
var CommentsCounter =(pagecm - 1)*200; ;
//]]>
</script>

C. Save template lại.

Chúc các bạn thành công.
More about

[Update] - Modify Form comment : Bài 13 - Thiết kế lại giao diện của comment

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

Thủ thuật này mình thực hiện theo yêu cầu của bạn Yolks.
Đây là thủ thuật thứ 13 về comment cho blogspot. Thủ thuật này sẽ giúp các bạn tạo mới lại giao diện cho khu vực hiển thị comment của blogspot.
Một lưu ý nhỏ khi thực hiện thủ thuật : do thủ thuật can thiệp khá nhiều vào code của template, nên tránh gặp sự cố đáng tiếc, các bạn nên download template của blog về máy trước khi thực hiện thủ thuật.

Sau đây là 1 số hình mình họa cho thủ thuật:

Hình minh họa cho yêu cầu

Hình mình đã test trên blog

A. Đầu tiên đê thực hiện thủ thuật, bạn phải thay đổi 1 số cài đặt như bên dưới
- Vào phần cài đặt
- Chọn mục nhận xét
- Kéo xuống dưới phần "Định dấu thời gian của các nhận xét" và chọn như hình bên dưới
- Lưu lại giá trị cài đặt.

B. Sau đây là các bước thực hiện thủ thuật:
1. Vào bố cục
2. Vào chỉnh sửa code HTML
3. Chọn mở rộng mẫu tiện ích
4. Tìm đến đoạn code CSS như bên dưới :
#comments dl dt {
...
...
}
5. Thay thế và thêm mới bằng đoạn code CSS bên dưới:
#comments dl dt {
font-weight: bold;
margin-top: 0;
padding-left: 4px;
}
#comments dl dt span.cmlink {font-weight:normal!important;}
#comments dl dt p
{font-size:85%;font-weight:normal!important;padding: 0; margin: 0;}

/* Modify Comment layout */

#comments-block.avatar-comment-indent {margin-left:0px!important;}
.comment-items {
background:#efefef;
border:1px solid #c3c3c3;
margin-bottom:5px;
padding:5px;
}
.comment-items-info {padding-left: 45px;}
.avatar-image-container {
position:none!important;
left:12px!important;
}
.comment-items-body {
margin-top: 20px;
position: relative;
background: white;
border: 1px solid #C3C3C3;
padding:3px 7px;
}
.comment-items-body .triangle {
width: 19px;
height: 18px;
display: block;
position: absolute;
left: 50px;
top: -18px;
background: url(http://data.fandung.com/img/fd-cm_triangle.gif);
}

.avatar-image-container img{width:40px;height:40px;padding:1px;}

/* END Modify Comment Layout */

- Chú ý : nếu blog của bạn nào ko có đoạn code ở bước 4 thì vẫn thêm đoạn code ở bước 5 như bình thường, vị trí thêm bạn có thể đặt nó trước đoạn code bên dưới :
.deleted-comment {
font-style:italic;
color:gray;
}
6. Tiếp tục tìm trong code template đoạn code như bên dưới :
<div expr:class='data:post.postAuthorClass' expr:id='data:widget.instanceId + "_comments-block-wrapper"'>

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>

<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
...
...
...
</dt>

<dd expr:class='"comment-body " + data:comment.commentAuthorClass' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
...
...
...
</dd>

<dd class='comment-footer'>
...
...
...
</dd>

</b:loop>
</dl>

</div>
7. Thay tất cả chúng bằng code bên dưới :
<div expr:class='data:post.postAuthorClass' expr:id='data:widget.instanceId + "_comments-block-wrapper"'>

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>

<div class='comment-items'>

<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

<div class='comment-items-info'>

<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>

<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<span class='cmlink'>
( <a expr:href='data:comment.url' title='comment permalink'> <img src='http://data.fandung.com/img/fd-link-icon.png'/> </a><b:include data='comment' name='commentDeleteIcon'/> )
</span>
<p><data:comment.timestamp/></p>
</dt>

</div> <!-- END comment-items-info -->

<div class='comment-items-body'>
<span class='triangle'/>
<dd expr:class='"comment-body " + data:comment.commentAuthorClass' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</dd>

</div>

</div> <!-- END DIV comment-items -->

</b:loop>
</dl>

</div>
8. Save Template.
Update : Tạo ảnh nền riêng biệt cho comment của ADMIN

Hình ảnh minh họa:

Để update, các bạn thực hiện các bước như bên dưới:
1. Thêm code CSS vào code ở bước 5:
.comment-items-body-admin{
margin-top: 20px;
position: relative;
padding:3px 7px;
background: #d3f0f8;
border: 1px solid #98ccda!important;
}

.comment-items-body-admin .triangle {
width: 19px;
height: 18px;
display: block;
position: absolute;
left: 50px;
top: -18px;
background: url(http://data.fandung.com/img/fd-cm_triangle-admin.gif);
}
2. Tìm code như bên dưới ở bước 7:
<div class='comment-items-body'>
<span class='triangle'/>

<dd expr:class='"comment-body " + data:comment.commentAuthorClass' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</dd>

</div>
3. Thay nó bằng code bên dưới:
<b:if cond='data:comment.authorUrl == "http://www.blogger.com/profile/04749296400753058357"'>
<div class='comment-items-body-admin'>
<span class='triangle'/>

<dd expr:class='"comment-body " + data:comment.commentAuthorClass' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</dd>
</div>

<b:else/>

<div class='comment-items-body'>
<span class='triangle'/>

<dd expr:class='"comment-body " + data:comment.commentAuthorClass' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</dd>
</div>

</b:if>
- Ở code này, ta sẽ thấy 1 dãy số 04749296400753058357 , đây là số ID Profile của các bạn, thay nó bằng mã ID của bạn.

4. Save template.

Chúc các bạn thành công.
More about

CHUYỂN ĐỔI ĐỊNH DẠNG BẰNG MENU CHUỘT PHẢI

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

Hiện nay, bạn có thể dễ dàng tìm trên mạng những phần mềm đổi định dạng media (có phí lẫn miễn phí), hôm nay tôi bổ sung một phần mềm đổi đuôi khác để cho các bạn tham khảo, phần mềm này có tên là OXELON MEDIA CONVERTER. Phần mềm này hỗ trợ tốt cho dòng CPU đa nhân, tốc độ chuyển đổi cực nhanh, hỗ trợ hơn 35 định dạng video và audio phổ biến hiện nay:
* Định dạng video gồm: 3GP, 3G2, ASF, AVI, DV, DVD, MGEG2, FFM, FLV, GIF, MOV, MP4, MPEG1, MPEG2 PS, MPEG2 TS, NUT, PSP, RAWYUV, RM, SVCD, MPEG2, SWF, VCD, MPEG1, VOB, YUV4MPEG, M1V, M2V, M4V. 

* Định dạng Audio gồm: AC3, AAC, AIFF, AMR, AU, FLAC, MMF, MP2, MP3, OGG, VOC, WAV.
Phần mềm này miễn phí và điều đặc biệt hơn nữa là bạn có thể chuyển đổi định dạng media bằng menu chuột phải...
Bạn tải chương trình TẠI ĐÂY và Plug-in TẠI ĐÂY.
Ngay sau khi cài đặt, phần mềm sẽ tích hợp chức năng chuyển đổi vào menu chuột phải của Windows Explorer. Khi bạn muốn chuyển đổi định dạng file nào chỉ cần bấm phải chuột vào file đó, trên menu ngữ cảnh hiện ra sẽ có thêm hai dòng lệnh Oxelon - Convert to Audio Oxelon - Convert to Video. Lúc này, bạn chỉ cần chọn tiếp định dạng file audio hoặc video muốn chuyển (hoặc chọn định dạng file audio muốn trích xuất từ file video) có trong menu cấp hai. Cửa sổ chương trình sẽ hiện ra để bạn chuyển đổi ngay lập tức.


Ngoài ra, nếu bạn muốn chuyển đổi cùng lúc nhiều file thì bạn bấm đúp biểu tượng của chương trình, một cửa sổ làm việc hiện ra bạn bấm Add files chọn đường dẫn đến các tập tin cần chuyển đổi, có thể dùng phím Ctrl để chọn nhiều tập tin cùng lúc, các tập tin được chọn sẽ được hiển thị trong danh sách File List. Bây giờ bạn chọn định dạng xuất ra trong hộp Media Format. Bạn cũng có thể xác lập kích thước khung hình ở hộp Width x height (nếu muốn), sau cùng chọn nơi lưu file đã được đổi ở nút Browse.
Mặc định chương trình chỉ cho bạn chuyển đổi 5 file cùng lúc, tuy nhiên nếu bạn muốn chuyển đổi cùng lúc nhiều hơn số này thì bạn cần bấm vào nút Settings phía dưới, rồi nhập giá trị mình muốn vào hộp Numbers of simultaneous coversion processes.

More about

Modify Form Comment : Bài 14 - Media Comment cho blogspot

Người đăng: Unknown on Chủ Nhật, 5 tháng 6, 2011

Mấy bữa nay do bận làm web cho người quen (làm bằng joomla thôi :D) nên mình OFF blog vài bữa, nay xả hởi xíu, dành chút thời gian cho blog. Hôm nay mình sẽ giới thiệu với các bạn cách nâng cấp comment cho blog. Hay nói các khác, giúp cho mình có thể post các dữ liệu media lên blog, ví dụ như : hình ảnh, film, nhạc ...

Thủ thuật này thực ra cũng đã được biết từ lâu với việc chèn bộ ảnh vui nhộn của yahoo vào comment. Do blogspot hạn chế dùng các thẻ HTML trong phần comment, nên chúng ta phải dùng các kí tự cho phép để thay thế các thẻ HTML. Ở bài này ta dùng nhiều đến các kí tự [] để thay thế. Nó gần giống như các thẻ BBcode trong forum.

Thủ thuật này còn có 1 hạn chế (cũng có thể đây là lý do mà ít người dùng nó) đó là khi ta dùng các thẻ thay thế này, trong comment của các bài viết thì sẽ hiển thị được, nhưng ở các tiện ích Recent comment thì nó sẽ hiện ra 1 mớ code lộn xộn, đọc vô sẽ rất khó hiểu. Khắc phục vấn đề này cũng không quá khó, ta có thể loại bỏ các thẻ thay thế này để trả về nội dung dễ hiểu nhất. Mình sẽ hướng dẫn thủ thuật này sau.

Hình ảnh minh họa:

TEST trực tiếp tại đây : http://demo.fandung.com/2011/06/media-comment-for-blogspot.html

A. Sau đây là 1 số tính năng được thêm vào:
1. Cỡ chữ (size) [si]:
- cấu trúc thẻ như bên dưới:
[si="{kích thước chữ}"]{TEXT}[/si]
- Kích thước chữ : ví dụ như 12px, hay 3em ...

2. Màu chữ (color) [co]:
- cấu trúc thẻ như bên dưới:
[co="{mã màu}"]{TEXT}[/co]
- Mã màu : ví dụ như màu đỏ là #f00 hay red ...

3. Canh giữa văn bản (center) [ce]:
- cấu trúc thẻ như bên dưới:
[ce]{TEXT}[/ce]

4. Chạy chữ - mặc đinh là qua trái (marquee) [mar]:
- cấu trúc thẻ như bên dưới:
[mar]{TEXT}[/mar]

5. Chạy chữ - qua phải [mar+]:
- cấu trúc thẻ như bên dưới:
[mar+]{TEXT}[/mar+]

6. Chèn ảnh vào comment [img]:
- cấu trúc thẻ như bên dưới:
[img]{link ảnh}[/img]

7. Chèn video YouTube vào comment [youtube]:
- cấu trúc thẻ như bên dưới:
[youtube]{mã video}[/youtube]
- Ở đây mình đã mặc định kích thước của video là width='350'height='229', để thay đổi nó bạn có thể tùy chỉnh kích thước của nó ở trong đoạn code javascript mà mình sẽ giới thiệu ở bên dưới.
- Mã video là gì??? ví dụ ta có link youtube như sau : http://www.youtube.com/watch?v=7IM5x3bD5Vg thì giá trị 7IM5x3bD5Vg chính là mã video.
- và như thế ta sẽ có thẻ youtube như sau :
[youtube]7IM5x3bD5Vg[/youtube]

8. Nhúng nhạc từ trang mp3.zing.vn [zmp3]
- cấu trúc thẻ như bên dưới:
[zmp3]{Mã nhúng vào forum được cung cấp từ trang mp3.zing.vn}[/zmp3]
- Ví dụ ta có 1 đoạn mã nhúng vào forum từ trang mp3.zing.vn như bên dưới:
[FLASH]http://static.mp3.zing.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMS8wNS8zMC81LzMvInagaMENTNhMTI1Y2VmMjMzYjQyY2IyODkwY2RkMjU4OTMwNTMdUngWeBXAzfFThdUng4ldUngaCBN4WeBdUngZWeBmd8RMawxqFdUngZyBUmUsICmnhdUng4d1IFWeBFqXx8Mg[/FLASH]
- các bạn chỉ cần thay thẻ [FLASH] thành [zmp3] là có thể hiển thị được trong nội dung comment.

9. Nhúng video từ trang clip.vn [clipvn]
- cấu trúc thẻ như bên dưới:
[clipvn]{Mã nhúng vào forum được cung cấp từ trang clip.vn}[/clipvn]
- Ví dụ ta có 1 đoạn mã nhúng vào forum từ trang clip.vn như bên dưới:
[Flash]http://clip.vn/w/DxnK[/Flash]
- các bạn chỉ cần thay thẻ [FLASH] thành [clipvn] là có thể hiển thị được trong nội dung comment.

10. Nhúng các file flash vào comment [flash]
- cấu trúc thẻ như bên dưới:
[flash]{link file flash}[/flash]
- ở đây mình đã mặc định kích thước cho vùng hiển thi flash (width='400'height='350') các bạn có thể tùy chỉnh lại trong code javascript.
- ví dụ ta code 1 file flash như sau : http://imgfree.21cn.com/free/flash/61.swf và chèn vào comment sẽ như sau:
[flash]http://imgfree.21cn.com/free/flash/61.swf[/flash]

11. Như vậy mình đã giới thiệu 1 số thẻ thông dụng để chèn vào blog, tuy nhiên sẽ xuất hiện 1 số trường hợp như : nếu ta chèn ảnh vào comment, ví dụ như thẻ [img] ở trên. Nếu ảnh có kích thước lớn hơn vùng hiển thị nội dung comment thì sao? hay muốn chèn 1 số thẻ HTML khác thì sao? sau đây mình sẽ hướng dẫn tiếp dùng cách chèn 1 đoạn HTML vào comment để cho nó hiển thị.
- Ví dụ ta có đoạn code HTML:
<img src="link ảnh" width="400" height="300" />

Khi muốn chèn vào comment, bạn chỉ việc thay thế các kí tự <> thành [[]]. Ví dụ như :
[[img src="link ảnh" width="400" height="300" /]]

- Nếu như bạn ko thích dùng chuỗi [[ để thay thế thì có thể đổi lại trong code javascript.
- Cách này xem ra có vẻ hơi lâu, nhưng sẽ rất cơ động. Nếu các bạn không muốn thay thế các kí tự trên bằng tay thì có thể copy code vào NotePad rồi dùng lệnh thay thế đồng loạt (Ctrl+H) thì sẽ nhanh hơn nhiều.

B. Sau đây là code của thủ thuật:
- Các bạn chèn đoạn code javascript bên dưới (code 1 hay 2 đều được) vào trong code template (trước thẻ đóng </body>).

Code 1:
<script src='http://data.fandung.com/js/media-comment.js' type='text/javascript'></script>

Code 2:
<script type='text/javascript'>
//<![CDATA[

a=document.getElementById('comments');
if(a){b=a.getElementsByTagName("DD");

for(i=0;i<b.length;i++){
_str=b.item(i).innerHTML.replace(/\[img\]/gi,"<img src=' ");
_str=_str.replace(/\[\/img\]/gi,"' class='image'/>");
_str=_str.replace(/\[\[/gi,"<");
_str=_str.replace(/\]\]/gi,">");
_str=_str.replace(/\[mar\]/gi,"<marquee>");
_str=_str.replace(/\[\/mar\]/gi,"</marquee>");
_str=_str.replace(/\[mar\+\]/gi,"<marquee direction='right'>");
_str=_str.replace(/\[\/mar\+\]/gi,"</marquee>");
_str=_str.replace(/\[si\=\"/gi,"<font size='");
_str=_str.replace(/\[\/si\]/gi,"</font>");
_str=_str.replace(/\[co=\"/gi,"<font color='");
_str=_str.replace(/\[\/co\]/gi,"</font>");
_str=_str.replace(/\"\]/gi,"'>");
_str=_str.replace(/\[ce\]/gi,"<center>");
_str=_str.replace(/\[\/ce\]/gi,"</center>");
_str=_str.replace(/\[youtube\]/gi,"<iframe width='350' height='229' src='http://www.youtube.com/embed/");
_str=_str.replace(/\[\/youtube\]/gi,"' frameborder='0' allowfullscreen></iframe>");
_str=_str.replace(/\[zmp3\]/gi,"<embed width='300' height='61' src='");
_str=_str.replace(/\[\/zmp3\]/gi,"' quality='high' wmode='transparent' type='application/x-shockwave-flash'></embed>");
_str=_str.replace(/\[flash\]/gi,"<embed quality=high width='400' height='350' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' src='");
_str=_str.replace(/\[\/flash\]/gi,"'></embed>");
_str=_str.replace(/\[clipvn\]/gi,"<embed type='application/x-shockwave-flash' allowFullScreen='true' allowScriptAccess='always' width='400' height='320' src='");
_str=_str.replace(/\[\/clipvn\]/gi,"'></embed>");
_str=_str.replace(/:\)\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)\]/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' alt='' class='smiley'/>");
_str = _str.replace(/;\)\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' alt='' class='smiley'/>");
_str = _str.replace(/;\;\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' alt='' class='smiley'/>");
_str = _str.replace(/\;\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' alt='' class='smiley'/>");
_str = _str.replace(/:x/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' alt='' class='smiley'/>");
_str = _str.replace(/=\(\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\-\o/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' alt='' class='smiley'/>");
_str = _str.replace(/:-\//gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' alt='' class='smiley'/>");
_str = _str.replace(/:-\*/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\|/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' alt='' class='smiley'/>");
_str = _str.replace(/8-\}/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' alt='' class='smiley'/>");
_str = _str.replace(/~x\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' alt='' class='smiley'/>");
_str = _str.replace(/:-t/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' alt='' class='smiley'/>");
_str = _str.replace(/b-\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' alt='' class='smiley'/>");
_str = _str.replace(/:-\L/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' alt='' class='smiley'/>");
_str = _str.replace(/x\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' alt='' class='smiley'/>");
_str = _str.replace(/\=\)\)/ig,"<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' alt='' class='smiley'/>");

b.item(i).innerHTML=_str}}
//]]>
</script>

- Save template lại.

Như vậy đã hoàn thành. Chúc các bạn thành công.
More about

TẢI VIDEO TRÊN YOUTUBE VỚI NHIỀU ĐỊNH DẠNG

Người đăng: Unknown

YouTube được biết đến là một kho lưu trữ video chia sẻ lớn nhất hiện nay trên thế giới. Để tải được video từ YouTube bạn cần phải có các phần mềm chuyên dụng. Nhưng nếu máy tính của bạn chưa sẳn có các phần mềm chuyên dụng này thì sao?
Đừng lo lắng, bạn chỉ cần truy cập VÀO ĐÂY và dán đường dẫn của video mà mình muốn tải về vào khung URL rồi nhấn nút Download!


Ở trang tiếp theo, trong mục Download Options, bạn hãy nhấn chọn vào định dạng file tương ứng mà mình muốn tải về là xong.


More about

THAY ĐỔI MÀU NỀN MỖI KHI LOAD TRANG CHO BLOGGER

Người đăng: Unknown on Thứ Bảy, 4 tháng 6, 2011

Mặc định Blogger chỉ có một màu nền riêng biệt, nếu bạn muốn màu nền sẽ tự đổi màu khi bạn load trang thì bạn chỉ cần làm theo cách đơn giản sau:




Bạn đăng nhập vào Blog, chọn Thiết kế > chọn thêm tiện ích >  thêm tiện ích HTML/Javacript và dán đoạn phía dưới vào và Lưu lại là xong.

<script type="text/javascript">
var bgcolorlist=new Array("#ccc", "#FFFFcc", "#80FF80", "#EAEAFF", "#C9FFA8", "#F7F7F7", "#000", "#0000ff")
document.body.style.background=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)]
</script>

Bạn có thể thay đổi màu nền mình muốn bằng cách thay đổi các code màu đỏ. 
Chúc bạn vui
More about

TỐI ƯU MÁY TÍNH VỚI GIAO DIỆN TIẾNG VIÊT

Người đăng: Unknown on Thứ Tư, 1 tháng 6, 2011

Với dung lượng 23MB, WINDOWS UTILITIES là công cụ có các tính năng phong phú giúp bạn quét, sửa lỗi Registry, dọn dẹp hệ thống, thiết lập hệ thống, khoá tập tin hoặc thư mục bằng mật khẩu. Đặc biệt hơn công cụ này hoàn toàn bằng TIẾNG VIỆT lại khá dễ dùng, bạn có thể tải WINDOWS UTILITIES TẠI ĐÂY.
Sau khi tải về, cài đặt và khởi động công cụ sẽ có một bảng chào mừng xuất hiện, bạn có thể đăng ký thông tin người dùng hoặc nhấn biểu tượng dấu X đỏ phía trên để bỏ qua.

Vì là tiếng Việt nên giao diện sẽ rất dễ dùng và đơn giản cho các bạn sử dụng, giao diện có các mục lớn chủ yếu sau:
* CHẾ ĐỘ BẢO VỆ: (nằm bên tay phải hình cái khiên)
Cung cấp các chức năng tự cảnh báo khi máy tính bị virus tấn công, file nhiễm virus hay có sự thay đổi về khoá Registry. Bên cạnh đó chế độ bảo vệ tự động, chương trình còn cung cấp tính năng quét virus đơn giản với khả năng Chẩn đoán trực tuyến tình trạng máy tính hiện tại. Để bật chế độ tự cảnh báo, bạn kích hoạt tùy chọn Bật tính năng tự động bảo vệ máy tính (Auto Protect).


Nếu muốn thiết lập riêng các tùy chọn quét, bạn nhấn liên kết Cài đặt quét ở cuối giao diện. Trong danh sách hiện ra, bạn sẽ có các tuỳ chọn sau: Quét các lỗi Registry, Quét virus trong máy tính, tự động xử lý đối tượng tìm được (không hỏi ý kiến người sử dụng), tự động sao lưu file khi xử lý, tự động tắt máy sau khi quét, dùng công nghệ chẩn đoán trực tuyến... tùy theo nhu cầu của mỗi người, bạn có thể chọn cho phù hợp để sử dụng.


Khi bấm vào dòng chữ cảnh báo trên cùng giao diện "Máy tính của bạn đang ở trạng thái nguy hiểm", bạn sẽ biết được thông tin thiết lập hiện tại của chương trình như: trạng thái quét, trạng thái cập nhật, trạng thái Auto protect...Muốn thiết lập bạn bấm phải chuột vào biểu tượng của công cụ trên thanh Taskbar và thiết lập cho chương trình (Để chương trình khỏi phải hiện thông báo cập nhật bản quyền sản phẩm, bạn tắt bỏ chức năng Cập nhật).


* CÁC TIỆN ÍCH: (nằm bên tay phải hàng thứ 2 hình Cơlê và Tuvit). Đây là phần bổ sung các tính năng chỉnh sửa, khôi phục hệ thống, khoá tập tin, khoá thư mục....bao gồm:


- Process Manager: Theo dõi, quản lý các tiến trình trên hệ thống.
- Startup Manager: Quản lý các ứng dụng tự chạy cùng Windows.
- Dọn dẹp hệ thống: đây là một ứng dụng nhỏ giúp bạn xoá files rác, file tạm trong Windows, bạn nhấn nút Bắt đầu để phần mềm tự dò tìm file, sau khi dò xong, bạn nhấn nút Xoá tất cả để lấy lại phần dung lượng còn trống cho ổ đĩa.
- Registry backup: Sao lưu hệ thống lúc ổn định nhằm mục đích phục hồi lại Registry khi cần thiết. Để tạo mới vùng sao lưu trên đĩa cứng, bạn nhấn nút Tạo mới, sau này bạn chỉ cần chọn thời điểm sao lưu phù hợp và nhấn nút Phục hồi để đưa hệ thống về trạng thái ban đầu.
- Thiết lập hệ thống: Là một nhóm các tùy chọn tinh chỉnh Registry, bao gồm Bật registry Editor, bật Task Manager, bật Command Prompt, bật Foder Options.... đây là những tùy chọn thích hợp khi hệ thống bạn bị nhiễm virus và cần phục hồi lại. Mục Desktop cho phép bạn khoá hay kích hoạt tính năng trên menu chuột phải, hiển thị menu Properties, hiển thị Recycle Bin...bạn chỉ cần chọn chức năng cần sử dụng và nhấn nút Đồng ý và khởi động lại chương trình để áp dụng.


- File locker: Cho phép bạn đặt mật khẩu bảo vệ file để tránh sự tò mò của người khác, bạn nhấn nút Tìm để chọn tập tin cần đặt mật khẩu. Tại hai trường Mật khẩu khoáXác nhận lại, bạn nhập đúng chính xác mật khẩu cần sử dụng. Sau đó nhấn nút khoá tập tin (bây giờ bạn bạn sẽ thấy tập tin vừa khoá sẽ có hình ổ khoá, bạn cần phải xoá tập tin gốc đi, chỉ để lại tập tin mình vừa khoá thôi, sau này khi muốn xem chỉ việc nhấn đúp vào tập tin có ổ khoá và gõ lại mật khẩu mở khoá là xong).


- Foder locker: tính năng này cho phép bạn đặt mật khẩu cho cả Foder, thao tác cũng giống như trên.
Với các tính năng nêu trên, thiết nghĩ Windows Utilities là công cụ bạn nên có để tối ưu hoá cho hệ thống của mình thêm mạnh và an toàn.
Chúc các bạn thành công

More about