Thứ Hai, 8 tháng 6, 2009

Lỗi nguy hiểm từ việc thêm Tag Cloud (dạng Flash) của trang http://www.tagcloud-generator.com

[FD's BlOg] - Hôm nay ngồi test thử cái tab cloud dạng flash từ http://www.tagcloud-generator.com kết quả là không thu được gì nhưng lại có một chút kinh nghiệm. Mình không biết lỗi này là do đâu nhưng cũng post lên cho mọi người xem. Và nếu ai biết lỗi của nó thì chia sẻ với mọi người nhé.




Sau khi nhận lời test thử tag cloud dạng flash từ trang http://www.tagcloud-generator.com mình nhận được kết quả không như mong muốn. Không đơn giản là các flash đó chạy không được, mà còn 1 kết quả ngòai ý muốn nữa là "Blog bị xóa".

Các bạn xem hình minh họa:

Ban đầu mình test trên blog thứ nhất, kết quả là không hiển thị được flash. Và một lúc sau mình vào lại blog test này thì nhận đuợc thông báo như hình minh họa trên. Lúc đó cũng ko biết vì lý do vì mà blog bị xóa vô cớ như vậy (ngòai việc thêm 2 đọan javascript vào code template thì mình không đá động gì tới code của template).

Đến chiều mình tiếp tục test với blog test thứ 2, và kết quả hòan tòan tương tự, không có gì khả quan hơn. Và lúc này mình mới hiểu vì sao blog test của mình bị xóa. Tuy nhiên mình không biết chính xác là vì đâu mà blog bị xóa, mình cũng đóan là code javascript đó không tương thích với blogger, hoặc cũng có thể là do lỗi của mình chăng.

Vì lý do đó, mình đã quyết post bài này lên cho mọi người tham khảo, để mọi người thử test và cho mình một chút ý kiến, xem kết quả có giống mình không. Khuyến cáo là các bạn nên tạo một blog mới để test điều này. Và nếu sau khi test ai có câu trả lời cho cái lỗi này thì hãy chia sẻ cho mình và mọi người biết với nhé.

☼ Và bây giờ là các bước mình đã thực hiện:
1. Đầu tiên truy cập vào trang http://www.tagcloud-generator.com
2. Sau đó làm theo các hướng dẫn để tạo 1 tag cloud dạng flash. Lưu ý, đối với bước 1 ta nên add các tab dạng thủ công.
3. Sau khi thiết lập xong nhấn Genergator Preview để xem trước.
4. Sau đó download gói tiện ích đó về, và giải nén ta sẽ được như hình bên dưới:

(tên của các file đã được thay đổi lại cho gọn)
5. Ta sẽ được 5 file : file Javascript, file demo HTML, file Hứơng dẫn (readme), file xml, file flash (.swf)
6. Và đây là hình ảnh sau khi chạy thử file demo:


7. Mở file hướng dẫn (readme), thì nội dung của nó cơ bản như thế này:

- Đầu tiên, up load 3 file : AC_RunActiveContent.js, tagClouds.xml, tagClouds.swf lên host để lấy link.
- Sau đó mở file demo HTML bằng notepad, ta sẽ thấy được code HTML của file demo.
- Tiếp tục copy 2 dòng code java ở trong thẻ <head> của code và dán 2 dòng javascript này vào sau dòng code <head> ở trong code template của blog.

<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>

Thay code màu xanh thành link của file Javascript mà bạn đã up lên host.

- Tiếp tục xuống dưới (trong code HTML của file demo) ta sẽ thấy 2 đọan code <javascript><noscript> (như bên dưới). Tiếp theo vào trong bố cục của blog, vào phần tử trang, và tạo một widget HTML/Javascript và dán code bên dưới vào:

<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("This page requires AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
'width', '250',
'height', '200',
'src', 'tagClouds',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'transparent',
'devicefont', 'false',
'id', 'tagClouds',
'bgcolor', '#ffffff',
'name', 'tagClouds',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'tagClouds',
'salign', '',
'flashVars', 'xmlURL=tagClouds.xml'
); //end AC code
}
</script>

<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="250" height="200" id="tagClouds" align="middle" >
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="tagClouds.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="flashVars" value="xmlURL=tagClouds.xml" />
<embed src="tagClouds.swf" quality="high" bgcolor="#ffffff" width="100%" height="100%" name="tagClouds" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashVars="xmlURL=tagClouds.xml"/>
</object>
</noscript>

Thay các code màu đỏ thành các link tương ứng với file mà bạn đã up lên host.


8. Như vậy đã hòan thành các bước mà mình đã thực hiện.

- Cũng rất may mắn là mình đã test thủ thuật này trên các blog test, nếu mà test ngay trên blog này thì không biết chuyện gì sẽ xảy ra. Hy vọng sẽ có người giải đáp lỗi này giúp mình.
- Và qua thủ thuật này mình cũng rút ra được một điều, không nên thử trực tiếp các tiện ích vào blog của mình khi chưa biết rõ về nó, và tốt nhất nên thử trên 1 blog test sẵn, nếu ok thì hãy thử trên blog của mình.
- Và với cái lỗi này là lần đầu tiên mình gặp, không biết có ai đã gặp nó chưa, và không biết có ai đã thành công khi thêm tiện ích tag cloud từ website này chưa. Nếu có ai đã thêm thành công tiện ích này cho blogspot thì hãy chia sẻ kinh nghiệm với mọi người nhé.

Cảm ơn mọi người đã xem bài viết này.

Không có nhận xét nào:

Đăng nhận xét