Script là thành phần quan trọng không thể thiếu với bất kỳ mã nguồn trang web nào, và Blogger cũng không ngoại lệ. Viết script thế nào thì bạn cần có kiến thức về nó nhưng đặt điều kiện tải hay thực thi script bạn có thể làm được.
Có 2 phương pháp đặt điều kiện cho script: chèn script trực tiếp trong thẻ điều kiện và tạo điều kiện bằng script sau đó đặt script trong điều kiện
Với phương pháp chèn script trực tiếp trong thẻ điều kiện áp dụng cho những code script dài chẳng hạn như code script related posts chỉ áp dụng với trang bài viết, ví dụ
<b:if cond='data:view.isPost'>
<script>//<![CDATA[
//]]></script>
</b:if>
Hoặc script đó chỉ tải trên trình duyệt mà không tải trên mobile
<b:if cond='data:view.isPost and !data:blog.isMobileRequest'>
<script>//<![CDATA[
//]]></script>
</b:if>
Với phương pháp tạo điều kiện bằng script sau đó đặt script trong điều kiện áp dụng cho những đoạn script ngắn chỉ vài dòng. Đầu tiên sẽ tạo điều kiện trước như sau:
<script>
var data={
view:{
isHomepage:"<b:if cond='data:view.isHomepage'>true</b:if>", // Trang chủ
isArchive:"<b:if cond='data:view.isArchive'>true</b:if>", // Lưu trữ
isPost:"<b:if cond='data:view.isPost'>true</b:if>", // Bài viết
isPage:"<b:if cond='data:view.isPage'>true</b:if>", // Trang tĩnh
isSearch:"<b:if cond='data:view.isSearch and !data:view.search.label and !data:view.search.query'>true</b:if>", // Các bài đăng tiếp theo
isLabelSearch:"<b:if cond='data:view.search.label'>true</b:if>", // Trang Label
isSearchQuery:"<b:if cond='data:view.search.query'>true</b:if>", // Tìm kiếm
isMultipleItems:"<b:if cond='data:view.isMultipleItems'>true</b:if>", Trang index
isSingleItem:"<b:if cond='data:view.isSingleItem'>true</b:if>", // Bài viết + Trang tĩnh
isMobileRequest:"<b:if cond='data:blog.isMobileRequest'>true</b:if>" // Mobile
},
blog:{
blogId:"<data:blog.blogId/>", // blog ID
postId:"<b:if cond='data:view.isPost'><data:blog.postId/></b:if>", // post ID
pageId:"<b:if cond='data:view.isPage'><data:blog.pageId/></b:if>", // page ID
pageName:"<b:if cond='data:blog.pageName'><data:blog.pageName/></b:if>", // pageName
searchqueryescaped:"<b:if cond='data:view.search.query'><data:view.search.query.escaped/></b:if>", // Từ khóa tìm kiếm
homepageUrl:"<data:blog.canonicalHomepageUrl/>", // url trang chủ
url:"<data:blog.canonicalUrl/>" // url trang hiện tại
}
}
</script>
Đoạn script này nên đặt trước thẻ đóng </head>
Tiếp theo đặt đoạn script thực thi trong điều kiện, ví dụ
<script>//<![CDATA[
if(data.view.isHomepage!='true'){ // Không thực thi script trang chủ
}
if(data.view.isLabelSearch=='true'){ // Chỉ thực thi trang Label
}
if(data.view.isSearchQuery=='true'){ // Chỉ thực thi trang tìm kiếm
}
if(data.blog.postId=='ID'){ // Chỉ thực thi với điều kiện id bài viết
}
if(data.blog.pageId!='ID'){ // Không thực thi với điều kiện id trang tĩnh
}
//]]></script>
0 Comments: