Điều kiện trong thuộc tính class của HTML trong Blogger
Hôm nay lại đến với một thủ thuật nhỏ nữa mà minh mới phát hiện ra trong thẻ điều kiện, đọc tiêu đề thì chắc nhiều bạn không hiểu được nên mình sẽ giải thích thêm. Đây là cách sử dụng điều kiện để tạo các đối tượng trong thuộc tính class của thẻ HTML, cái này hỗ trợ cho bạn tạo ra các đối tượng khác nhau trong class để có thể hỗ tùy chỉnh trong CSS cho phù hợp.
Vẫn còn chưa hiểu thì xem ví dụ nhỏ dưới đây nhé ví dụ như bạn muốn giao diện của bài viết có thumbnail và bài không có giao diện khác nhau, bạn muốn bài viết có thì nó sẽ sử dụng class
Ví dụ sử dụng
Trước đây mình có một bài viết hướng dẫn các bạn sử dụng data Blogger trong thuộc tính của HTML, và các sử dụng điều kiện này tương tự. Có nghĩa là thay vì bình thường là "class" thì bạn phải thêm vào expr trước nó như thế này "expr:class" và sử dụng cú pháp trên
 |
| Tại đối tượng class HTML trong Blogger |
<div class="post-co-thumbnail"><div class="post-khong-thumbnail">Cú pháp sử dụng
Cú pháp sử dụng của nó khá đơn giản như sau[điều kiện] ? [tên class đúng] : [tên class sai]Ví dụ sử dụng
Trước đây mình có một bài viết hướng dẫn các bạn sử dụng data Blogger trong thuộc tính của HTML, và các sử dụng điều kiện này tương tự. Có nghĩa là thay vì bình thường là "class" thì bạn phải thêm vào expr trước nó như thế này "expr:class" và sử dụng cú pháp trên
<div expr:class='data:post.thumbnailUrl ? "post-co-thumbnail" : "post-khong-thumbnail"'></div>
lúc 19:13 13 tháng 5, 2015
Cám ơn bài viết của bạn nhiều. Mình có một ước ao, mình có một khát khao là một ngày nào đó bạn sẽ làm một series về làm template blogspot từ a -z :)
lúc 19:14 13 tháng 5, 2015
Em nhớ cũng có khoãng 4 bài rồi mà ta :D
lúc 19:20 13 tháng 5, 2015
Cơ mà nó không có từ a - z :D
lúc 19:20 13 tháng 5, 2015
Em cũng tính làm video cho nó nhanh và dễ hiểu hơn, nhưng vẫn đang dự tính thôi :D
lúc 19:25 13 tháng 5, 2015
Thực ra thì mình hơi tham lam. Nhưng nếu có một tut về làm template từ phần ý tường, thiết kế và code nữa thì ok lắm. Cơ mà hình như trên mạng vẫn chưa có tut nào như vậy, chỉ là những thủ thuật chung chung. Thiết nghĩ, nếu bạn có những bài viết đầu tư cao như vậy thì blog của bạn sẽ ngày càng popular hơn, cho dù bạn làm tut có trả phí đi chăng nữa thì mình tin rằng sẽ có nhiều người ủng hộ, và mình sẽ là người đầu tiên ;)
lúc 10:51 15 tháng 5, 2015
anh ơi em có cái code nhúng này:
<object type="application/x-shockwave-flash" name="video-player" data="http://hplus.com.vn/themes/front/swf/GrindPlayer.swf" width="100%" height="550" id="video-player" style="visibility: visible;"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><param name="bgcolor" value="#000000"><param name="wmode" value="opaque"><param name="flashvars" value="src=http://avg.anluong.info/lives/origin02/v3sd.isml/v3sd.m3u8&plugin_m3u8=http://hplus.com.vn/themes/front/swf/flashlsOSMF.swf&javascriptCallbackFunction=onJSBridge&autoPlay=true&streamType=live"></object>
nhưng khi đưa nó vào template thì Blogger nó báo lỗi, anh sửa giúp em được không ạ. nó yêu cầu có dấu ; vào sau plugin_m3u8
nhưng khi em thêm vào thì vẫn lỗi
lúc 20:37 28 tháng 6, 2016
Một blog hay sao không cập nhật nữa admin ơi :(