HƯỚNG DẪN CHÈN JAVASCRIPT VÀO TEMPLATE CHO BLOG
Để 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" />
google.load("library if available", "version");
</script>
SCRIPT_CONTENT
//]]>
</script>
</script>
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>
<script src='http://www.google.com/jsapi'/>
<script>google.load("library if available", "version");
</script>
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 type='text/javascript'>
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à "<" , dấu ">" là ">" ,.....
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.
VÍ DỤ MINH HỌA:
<script type="text/javascript">
//<![CDATA[
try{if (!window.CloudFlare) {var
CloudFlare=[{verbose:0,p:0,byc:0,owlid:"cf",bag2:1,mirage2:0,oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/dok3v=1613a3a185/"},atok:"2e32ca53e6968acbddefebbcd3e8722c",petok:"5dae82da38ce5731e0f60ee7ccaee94fa75a87e1-1494580958-1800",adblock:1,betok:"626b8c1df801969f8d11f007efd1760d4d4bce55-1494580958-120",zone:"truyenhoangdung.blogspot.com",rocket:"m",apps:{}}];document.write('<script
type="text/javascript"
src="//ajax.cloudflare.com/cdn-cgi/nexp/dok3v=85b614c0f6/cloudflare.min.js"><'+'\/script>');}}catch(e){};
//]]>
</script>
No comments
Post a Comment