Hướng dẫn chèn JavaScript vào Template Blogspot

Để tạo các hiệu ứng cho Website ta dùng đến các script của ngôn ngữ javascript. Tuy nhiên, nó sẽ không làm việc như ta mong đợi. Sau đây là các cách để load và run nó hiệu quả trên Blogspot chúng ta.

Cách số 1: Chuyền đuôi .JS --> đuôi .TXT trước khi upload lên hosting.
<script type="text/javascript" src="SCRIPT_URL.TXT" />

Cách số 2: Dùng thư viện API của Google Ajax:

Thường các thư viện khác sẽ không làm việc, ngoài 2 thư viện Prototype và JQuery. Để các thư viện Google’s AJAX Libraries API ta chèn đoạn code sau vào trong cặp thẻ <head>...</head>

Dưới đây là danh sách đầy đủ của các thư viện có sẵn, và các cài đặt.

Cách số 3: Chèn trực tiếp code JS và Blog:

Cách thông thường hay sử dụng là: <script src='SCRIPT_URL' type='text/javascript'></script>

Cách dùng trên Blog: <script type='text/javascript'>

//<![CDATA[
SCRIPT_CONTENT
//]]>
</script>

Cách số 4: Dùng các widget HTML/Javascript của blogger:

Tạo một widget HTML/Javascript và dán code của java vào:

SCRIPT_CONTENT
</script>

Tuy nhiên sẽ có những ký tự trong mã không mong đợi, như là dấu "<" or dấu ">" ..... Có nhiều cách để khắc phục vấn đề này, thường sử dụng 3 cách như sau:

1. Sử dụng ký tự khoảng trắng "_" trước và sau các dấu "<" , ">",..

VD: for(var i=0; i<n;i++) => for(var i=0;i < n;i++ )

2. Sử dụng các ký tự thay thế các dấu "<" là "&lt" , dấu ">" là "&gt" ,.....

3. Hoặc mã hóa các đoạn code Java bằng các trang online ĐÂY rồi copy dán vào Blogger

P/S: OK giờ các bạn thực hành thử nhé! Chúc các bạn thành công.

---- st -----

-- Trần Bảo --