Bạn bấm vào các thẻ phía dưới để xem lần lượt các thiệp nha.
FLASH ĐẸP NOEL (PHẦN 4)
Người đăng: chaobuoisang on Thứ Sáu, 16 tháng 12, 2011
CHỮ "MERRY CHRISTMAS" CHẠY DỌC THEO BLOG
Người đăng: chaobuoisang on Thứ Năm, 15 tháng 12, 2011
Mời bạn bấm vào Xem thử phía dưới để trải nghiệm trước.
Bạn đăng nhập vào Blog > chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi dán code phía dưới vào và bấm Lưu lại là xong.
<div style='position: fixed; top: 0%; right: 0%;'/><a href="http://www.anhdepblog.blogspot.com/" target="_blank"><img alt="Blogger Tips" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv9K_nZCM1vpTpPBJUBV9y-2PX3Dc8hGWIPixQuQy-e9TkPCHE8EYqEPj_NlPJrmqpw8V-u1bytk5XfxBcPtXYh0OG_6TkpnRAf9IQuqVPjXMIcyCLnTnGn96jSGuPw0eO3fL96yHf_3Ei/s1600/15.gif"/></a>
</div>
<script type="text/javascript" src="https://sites.google.com/site/bloggertricksandtoolz/snowstormeffectpart2by-www.bloggertricksandtoolz.com.js" />
<!-- customize the snowStorm object -->
<script type="text/javascript">
snowStorm.snowColor = '#99ccff'; // blue-ish snow!?
snowStorm.flakesMaxActive = 96; // show more snow on screen at once
snowStorm.useTwinkleEffect = true; // let the snow flicker in and out of view
</script>
Nếu không thích chữ "Merry Christmas" này, bạn có thể thay đổi nhiều kiểu chữ "Merry Christmas" khác bằng cách thay link màu xanh thành link ảnh của bạn. Các bạn VÀO ĐÂY để kiếm cho mình các kiểu chữ "Merry Christmas" khá đẹp...
Ngoài ra, bạn cũng có thể thay hoặc thêm nhiều hiệu ứng rơi khác cho Blog xem TẠI ĐÂY
Để đẹp hơn nữa, bạn cũng có thể gắn những hình động là những biểu tượng cho ngày "Noel" như: quà Giáng Sinh, cây thông, quả châu, Ông già Noel, Người Tuyết... chạy theo con trỏ chuột, xem TẠI ĐÂY.
Chúc các bạn và gia đình có một ngày Giáng Sinh vui vẻ và hạnh phúc.
CHỮ "MERRY CHRISTMAS" VỚI HIỆU ỨNG ĐỘNG
Người đăng: chaobuoisang
Bạn bấm phải chuột vào hình chọn Save as để tải về
Các bạn có thể VÀO ĐÂY để chọn cho mình một số kiểu chữ khác.
Chúc các bạn và gia đình vui vẻ và hạnh phúc trong ngày Giáng Sinh
[3.0.2] Nâng cấp ANCMedia Player cho trang phim
Người đăng: chaobuoisang on Thứ Tư, 14 tháng 12, 2011
Như đã được giới thiệu trên FD Blog : ANCMedia v.2, đã được rất nhiều người chú ý. Tuy nhiên nó vẫn còn nhiều điểm cần phải sửa và nâng cấp. Không phụ lòng mọi người, mình đã dành một ngày chủ nhật quý báu của mình để nâng cấp lên ANCMedia v.3.
Trong v.3 mình tập trung nâng cấp các yêu cầu của bạn.
1. Cài đặt
Giống version 2, tuy nhiên sẽ đơn giản hơn nhiều.
Vẫn thêm 2 thẻ div có id lần lượt vào temp của bạn.
Tuỳ ý bạn đặt nhé, không quan trọng là nó phải nằm ở đâu, chủ yếu người xem trang bạn dễ sử dụng hơn.
Tiếp đó, thêm đoạn code sau trước </body>
Giải thích thêm :
2. Sử dụng
Để tránh một số lỗi mà các bạn đang than vãn về hiển thị của ANCMedia, mình đã fix lại cách post phim. Các bạn có thể dùng cả 2 cách sau.
Sử dụng cách mới đó là <id>, các bạn thêm vào temp của mình một định nghĩa CSS cho thẻ <id> là color trùng với màu nền trang của bạn. VD: Site mình là http://maphim.net, có màu nền là #F0f0f0. Vậy mình phải thêm vào CSS là
Nếu ai chưa hiểu cách post có thể qua ANCMedia v.2 để xem, mình không giới thiệu lại nữa.
Hỗ trợ các server sau :
Dạng link post phim:
Riêng server .flv bạn có thể sửa thành đuôi link post phim thành .anc thì mới chạy được. Xin lỗi vì bất tiện này.
3. Kết
* Hiện tại đã có tới 15 server đã được cập nhật, tiến tới sẽ tăng số server lên thành 60, đáp ứng hết nhu cầu của các bạn.
* Tiếp tục phát triển nâng cấp chức năng link id.
* Phát triển chế độ bảo mật cho link phim. Hiện tại đang được sử dụng tại http://maphim.net.
Update: Fix chức năng hiển thị tên server.
*Nếu bạn post link dạng <id>Tên phim(Hoặc tập số bao nhiêu);link phim;linkphim2...|</id>
- Post phim để tên thì các part có cùng tên với nó sẽ hiển thị chung có dạng "Ten-1", "Ten-2"..
* (05/12/2011)Nâng cấp thêm Gdata Youtube, lấy playlist trên Youtube, các bạn paste id Gdata với dạng :
anc.yl/id Gdata -- > Tester
http://play.maphim.net/
Chúc bạn thành công !
- Nâng cấp các server tăng nhiều hơn.
- Thêm logo cho trình player.
- Link id cho phim. = > = > Click V3.0.1!
Xem Demo
1. Cài đặt
Giống version 2, tuy nhiên sẽ đơn giản hơn nhiều.
Vẫn thêm 2 thẻ div có id lần lượt vào temp của bạn.
<div id="anc_pl" ></div>
<div id="anc_tp" ></div>
<div id="anc_tp" ></div>
Tuỳ ý bạn đặt nhé, không quan trọng là nó phải nằm ở đâu, chủ yếu người xem trang bạn dễ sử dụng hơn.
Tiếp đó, thêm đoạn code sau trước </body>
<script src="http://anhnc.googlecode.com/svn/trunk/ver2/ancmedia.js"></script> <script>
//<![CDATA[
var anc = {
width : "80%", height : "450", id1: "Blog1", id2:"anc_pl",id3: "anc_tp", home: "Maphim.net",
logo : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJZJJibTfc0ThoyyB5jR4V9XQX_WKdTw-cHShbdwvfP6FYa3tUEP2tk59ISCVMWVMbuPR1ndPpReFvILDXNAEL7B615i8702VWPSM30GuoG996v9RvxvGcOVrQIuQdc_4Ts6SJDEs3dbhv/s1600/logo_2.png"
};
ANCMedia.call(anc);
M.pl(M.r());
//]]>
</script>
//<![CDATA[
var anc = {
width : "80%", height : "450", id1: "Blog1", id2:"anc_pl",id3: "anc_tp", home: "Maphim.net",
logo : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJZJJibTfc0ThoyyB5jR4V9XQX_WKdTw-cHShbdwvfP6FYa3tUEP2tk59ISCVMWVMbuPR1ndPpReFvILDXNAEL7B615i8702VWPSM30GuoG996v9RvxvGcOVrQIuQdc_4Ts6SJDEs3dbhv/s1600/logo_2.png"
};
ANCMedia.call(anc);
M.pl(M.r());
//]]>
</script>
Giải thích thêm :
width: chiều rộng của player (đơn vị px, cm, em, %...)
height: chiều cao của player (đơn vị px, cm, em, %...)
id1 : id chứa ShortCode dạng [id], <id>
id2 : id chưa Player
id3 : hiển thị tập phim.
logo: logo site của bạn add cho player.
home : hiển thị tên server cho link .mp4, một link (tức chế độ xem Full) bằng domain của bạn.
height: chiều cao của player (đơn vị px, cm, em, %...)
id1 : id chứa ShortCode dạng [id], <id>
id2 : id chưa Player
id3 : hiển thị tập phim.
logo: logo site của bạn add cho player.
home : hiển thị tên server cho link .mp4, một link (tức chế độ xem Full) bằng domain của bạn.
2. Sử dụng
Để tránh một số lỗi mà các bạn đang than vãn về hiển thị của ANCMedia, mình đã fix lại cách post phim. Các bạn có thể dùng cả 2 cách sau.
1. <id>Link phim</id>
2. [id]Link phim[/id]
2. [id]Link phim[/id]
Sử dụng cách mới đó là <id>, các bạn thêm vào temp của mình một định nghĩa CSS cho thẻ <id> là color trùng với màu nền trang của bạn. VD: Site mình là http://maphim.net, có màu nền là #F0f0f0. Vậy mình phải thêm vào CSS là
id{color: #F0f0f0; display: none; background: #F0f0f0;}
Nếu ai chưa hiểu cách post có thể qua ANCMedia v.2 để xem, mình không giới thiệu lại nữa.
Hỗ trợ các server sau :
"google.com","nhaccuatui.com","clip.vn","phimvang.org",".mp4",".flv","banbe.net","youtube.com","videobb.com","novamov.com","vidxden.com","2shared.com","4shared.com","cyworld.vn","dailymotion.com","videozer.com
Dạng link post phim:
http://www.youtube.com/watch?v=Qigx0HbS7bA
http://videobb.com/video/hn6WGrQcNnOu
http://www.novamov.com/video/4ysd2p7v16db7
http://www.cyworld.vn/v2/myhome/video/detail/homeid/12001054026/post/5408/Warrior 2011 clip1
http://www.vidxden.com/s0c5muac9igy/Kido_Night_01.flv.html
http://banbe.net/1172070183/video/index/detail/id/8890
http://video.google.com/videoplay?docid=-8153436258414727634
http://clip.vn/watch/MC-Tran-Thanh-the-hien-tai-nang-ca-hat,hdOl?fea-id=181
http://phimvang.org/xem-phim/hung-dong-the-twilight-saga-breaking-dawn-part-1-2011/sv6/28201111.html
http://www.nhaccuatui.com/nghe?L=IU5yMLjZEx3U
http://www.4shared.com/video/8h74u-Bw/vietsub_ky_bang_ha.html
http://123.30.111.58/phim/jimmy/m2/OldMasterQandLittleOceanTiger2011_111126.mp4?start=0
http://videobb.com/video/hn6WGrQcNnOu
http://www.novamov.com/video/4ysd2p7v16db7
http://www.cyworld.vn/v2/myhome/video/detail/homeid/12001054026/post/5408/Warrior 2011 clip1
http://www.vidxden.com/s0c5muac9igy/Kido_Night_01.flv.html
http://banbe.net/1172070183/video/index/detail/id/8890
http://video.google.com/videoplay?docid=-8153436258414727634
http://clip.vn/watch/MC-Tran-Thanh-the-hien-tai-nang-ca-hat,hdOl?fea-id=181
http://phimvang.org/xem-phim/hung-dong-the-twilight-saga-breaking-dawn-part-1-2011/sv6/28201111.html
http://www.nhaccuatui.com/nghe?L=IU5yMLjZEx3U
http://www.4shared.com/video/8h74u-Bw/vietsub_ky_bang_ha.html
http://123.30.111.58/phim/jimmy/m2/OldMasterQandLittleOceanTiger2011_111126.mp4?start=0
Riêng server .flv bạn có thể sửa thành đuôi link post phim thành .anc thì mới chạy được. Xin lỗi vì bất tiện này.
3. Kết
* Hiện tại đã có tới 15 server đã được cập nhật, tiến tới sẽ tăng số server lên thành 60, đáp ứng hết nhu cầu của các bạn.
* Tiếp tục phát triển nâng cấp chức năng link id.
* Phát triển chế độ bảo mật cho link phim. Hiện tại đang được sử dụng tại http://maphim.net.
Update: Fix chức năng hiển thị tên server.
*Nếu bạn post link dạng <id>Tên phim(Hoặc tập số bao nhiêu);link phim;linkphim2...|</id>
- Post phim để tên thì các part có cùng tên với nó sẽ hiển thị chung có dạng "Ten-1", "Ten-2"..
Code
<id>Media;link1;link2;link3|</id>
Hiển thị
Media-1| Media-2| Media-3
- Post phim để số thì sao.<id>Media;link1;link2;link3|</id>
Hiển thị
Media-1| Media-2| Media-3
Code
<id>1;link1;link2;link3|</id>
Hiển thị
1a| 1b| 1c
<id>1;link1;link2;link3|</id>
Hiển thị
1a| 1b| 1c
* (05/12/2011)Nâng cấp thêm Gdata Youtube, lấy playlist trên Youtube, các bạn paste id Gdata với dạng :
anc.yl/id Gdata -- > Tester
* (15/12/2011) Nâng cấp thành công link id, file update : http://anhnc.googlecode.com/svn/trunk/ver2/anc3.0.1.js
Kiểm nghiệm: Hãy so sánh sự khác nhau của các link sau.
Tập 1 : http://www.maphim.net/2011/11/phim-tieu-thu-i-hoc-2011-50-tap.html#p=0,1
Tập 3: http://www.maphim.net/2011/11/phim-tieu-thu-i-hoc-2011-50-tap.html#p=2,1
Tập 11: http://www.maphim.net/2011/11/phim-tieu-thu-i-hoc-2011-50-tap.html#p=10,1
Tiện ích giúp bạn chia sẻ link cho bạn bè dễ dang hơn.
Các bạn tìm và thay ancmedia.js = > anc3.0.1.js
Thêm dưới dòng M.pl(M.r()); đoạn code sau : M.pl(M.glink(M.r()));
* (18/12/2011) Nâng cấp hoàn chỉnh cho ANCMedia ver 3.0.2 = > Thông tin cập nhật tại :Kiểm nghiệm: Hãy so sánh sự khác nhau của các link sau.
Tập 1 : http://www.maphim.net/2011/11/phim-tieu-thu-i-hoc-2011-50-tap.html#p=0,1
Tập 3: http://www.maphim.net/2011/11/phim-tieu-thu-i-hoc-2011-50-tap.html#p=2,1
Tập 11: http://www.maphim.net/2011/11/phim-tieu-thu-i-hoc-2011-50-tap.html#p=10,1
Tiện ích giúp bạn chia sẻ link cho bạn bè dễ dang hơn.
Các bạn tìm và thay ancmedia.js = > anc3.0.1.js
Thêm dưới dòng M.pl(M.r()); đoạn code sau : M.pl(M.glink(M.r()));
http://play.maphim.net/
Chúc bạn thành công !
Blogger cập nhật tính năng threaded comment cho blogspot ?
Người đăng: chaobuoisang
Như các bạn đã biết, comment phân cấp (threaded comment) gần đây đã được Tiến Nguyễn (vnblogspot.com) giới thiệu cho mọi người, và cũng đã được nhiều người hưởng ứng và sử dụng. Hôm nay tình cờ mình ngồi vọc code template thì mình tình cờ thấy 1 thẻ b:includable mới mà blogger vừa mới cập nhật vào code template.
Theo mình đoán thì blogger chuẩn bị cập nhật tính năng này cho blogspot. Tại thời điểm post bài này mình có vô chỉnh sửa code 1 vài lần, và đã gặp lỗi bx 1 vài lần. chứng tỏ blogger đang tiến hành 1 vài cập nhật nào đó.
Nếu đúng như vậy thì blogspot chuẩn bị lại được làm mới, lại được thêm một tính năng mạnh mẽ nữa, hứa hẹn sẽ là 1 nhà cung cấp dịch vụ blog số 1 sau này.
Tiếp tục ủng hộ blogspot
TẠO CHỮ CHẠY TRONG KHUNG CÓ VIỀN MÀU
Người đăng: chaobuoisang on Thứ Ba, 13 tháng 12, 2011
Các bạn bấm vào Xem thử phía dưới để thấy rõ hơn.
Chỉ cần một đoan code ngắn, bạn sẽ làm được điều này. Bạn đăng nhập vào Blog > chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi dán đoạn code phía dưới vào.
<marquee direction="right" style="border:Blue 2px SOLID">dunghennessy xin chào các bạn</marquee>
Bây giờ, các bạn thay đổi các chữ màu đỏ theo ý mình
Chữ "right" : chữ chạy từ bên tay phải, bạn có thể đổi thành "left" (chạy từ bên trái), "up" (chữ chạy lên), "down" (chữ chạy xuống)...
Chữ "Blue" : đường viền màu xanh, bạn có thể thay đổi thành "Red" (màu đỏ), "Green" (màu xanh lá), "Yellow" (màu vàng), "Pink" (màu hồng), "Black" (màu đen), "White" (màu trắng)...
Thay dòng chữ dunghennessy xin chào các bạn thành các dòng chữ mà mình muốn hiển thị. Cuối cùng bấm Lưu lại và quay trở vào Blog xem thành quả nha!!!
Chúc các bạn vui
Ngẫu hứng Blogger (2)
Người đăng: chaobuoisang
Do tên gọi kia hơi dài, mình xin được phép đổi tên chủ đề "Bạn biết gì về BlogSpot, hãy chia sẻ cung tôi". Trong số 2 này mình sẽ nói về các đối tượng bên trong của widget, bao gồm : Include (Luồng), Data (Dữ liệu), Loop (Vòng lặp), If/Else (Biểu thức điều kiện).
Nhắc đến bài trước, bạn đã thử thực hành với 2 đối tượng section và widget chưa. Nếu chưa, hãy làm thử đi nhé. Đơn giản hãy chỉ tạo thử một section header, trong đó chứa một widget HTML, bạn cho nó hiển thị hình ảnh trong 3 trang khác nhau : index, item, static page.
C.Luồng (Include)
Luồng là một đối tượng con, nằm trong widget. Hiểu nôm na, nó như một ống dẫn truyền dữ liệu từ CSDL vào widget. Do vậy nếu tạo widget mà không có luồng, sẽ có lỗi xảy ra.
Cấu tạo một luồng như sau :
Giải thích :
id: Định danh duy nhất trong widget để luồng tham chiếu.
var : Biến đặt cho luồng truyền giá trị vào, và ở đây nó là một giá trị tham chiếu.
Điều kiện bắt buộc là như mình đã nói ở trên, thêm vào đó, mỗi widget phải có một id = 'main'. Và để cho chắc ăn, id của luồng ta để mặc định là main . Vấn để tạo id mới và sau đó luồng có tham chiếu đến được không. Mình xin trả lời là có, nhưng mình không dám chắc...Vì chưa thử bao giờ ^^!
Luồng không những truyền dữ liệu, nó còn dùng để lấy dữ liệu trong các vòng lặp. Một VD đơn gian đó là lấy tiêu đề của các bài post. Nghĩ hình dung và kết nối, các bạn đơn giản có thể hiểu, ta đang dùng javascript để lọc feed.
Ở đây bạn chú ý vào dòng màu đỏ, vòng lặp loop bên ngoài duyệt tất cả các bài viết (posts), chọn ra một bài viết trong đó (post), với dữ liệu là i.
Chú ý đến cấu trúc trên và có thể sử dụng với các điều kiện sau:
D. Dữ liệu (Data)
Nhăc đến data, chác nhiều người sẽ hiểu. Có thể nói nó là đối tượng quan trong nhất, nó mang lại cái hồn cho Blog. Vì vậy nói ở đây chắc không thể nào có thể nói hết. Mình sẽ dành một bài viết riêng cho nó.
Các bạn còn nhớ type của widget của bài viết trước chứ. Mỗi loại widget sẽ có một loại data riêng. Vì vậy bạn không thể làm cái điều "râu ông nọ cắm cằm bà kia" được.
Nói qua về nó, nó có dạng sau data:name1.name2. Trong đó, name1 sẽ là đối tượng chính, name2 thường là các thuộc tính đi kém theo sau đó. Mình thấy nói về phần này rất hay, chắc có lẽ xin khất ở bài sau.
E. Vòng lặp (Loop)
Dùng để lọc ra một phần tử trong một nhóm phần tử : nhóm bài viết(posts), nhóm nhãn(labels), nhóm bình luận (coments)...
Cấu trúc :
Hình dung đơn giản thì đây là vòng lặp foreach, phần tử con được lấy ra trong nhóm phần tử.
VD :
F. BT Điều kiện (If/Else)
Biểu thức so sánh đưa ra kết quả đúng và sai..
Cấu trúc :
Điều kiện ở đây thường là so sánh các đối tượng data với giá trị đã biết để tạo ra các kết quả đúng và sai. Một VD đơn giản là so sánh số bài viết, nếu lớn hơn 1 hiển thị 'A', nhỏ hơn bằng 1 hiển thị 'a'.
Nó có thể năm ngoài widget, tuy nhiêu không được đặt biểu thức if/else giữa widget và include.
Tổng kết.
Qua đây bạn chắc bạn đã thực sự hiểu sơ qua về cấu trúc của một BlogSpot. Biết được ai là cha, ai là con. Mình xin được tổng kết lại các phần đã giới thiệu đơn giản như sau:
Có gì sai hãy bổ sung, góp ý với mình nhé. Rất cảm ơn. Hẹn các bạn ở bài viết tới. Layouts Data Tags.
Nhắc đến bài trước, bạn đã thử thực hành với 2 đối tượng section và widget chưa. Nếu chưa, hãy làm thử đi nhé. Đơn giản hãy chỉ tạo thử một section header, trong đó chứa một widget HTML, bạn cho nó hiển thị hình ảnh trong 3 trang khác nhau : index, item, static page.
C.Luồng (Include)
Luồng là một đối tượng con, nằm trong widget. Hiểu nôm na, nó như một ống dẫn truyền dữ liệu từ CSDL vào widget. Do vậy nếu tạo widget mà không có luồng, sẽ có lỗi xảy ra.
Cấu tạo một luồng như sau :
<b:includable id='{tên id}' var='{Biến}'>
{Nội dung hiển thị}
</b:includable>Giải thích :
id: Định danh duy nhất trong widget để luồng tham chiếu.
var : Biến đặt cho luồng truyền giá trị vào, và ở đây nó là một giá trị tham chiếu.
Điều kiện bắt buộc là như mình đã nói ở trên, thêm vào đó, mỗi widget phải có một id = 'main'. Và để cho chắc ăn, id của luồng ta để mặc định là main . Vấn để tạo id mới và sau đó luồng có tham chiếu đến được không. Mình xin trả lời là có, nhưng mình không dám chắc...Vì chưa thử bao giờ ^^!
Luồng không những truyền dữ liệu, nó còn dùng để lấy dữ liệu trong các vòng lặp. Một VD đơn gian đó là lấy tiêu đề của các bài post. Nghĩ hình dung và kết nối, các bạn đơn giản có thể hiểu, ta đang dùng javascript để lọc feed.
<b:includable id='main'>
<b:loop var='i' values='posts'>
<b:include name='post' data='i'/>
</b:loop>
</b:includable>
<b:includable id='post' var='p'>
Tiêu đề: <data:p.title/>
</b:includable> Ở đây bạn chú ý vào dòng màu đỏ, vòng lặp loop bên ngoài duyệt tất cả các bài viết (posts), chọn ra một bài viết trong đó (post), với dữ liệu là i.
Chú ý đến cấu trúc trên và có thể sử dụng với các điều kiện sau:
name: Tương ứng gấn như một id, nhưng hiện thị mình thấy nó giống một class hơn.
data : dữ liệu truyền vào, ngầm hiểu chính là nội dung bài viết, tác giả, số comment ...
data : dữ liệu truyền vào, ngầm hiểu chính là nội dung bài viết, tác giả, số comment ...
D. Dữ liệu (Data)
Nhăc đến data, chác nhiều người sẽ hiểu. Có thể nói nó là đối tượng quan trong nhất, nó mang lại cái hồn cho Blog. Vì vậy nói ở đây chắc không thể nào có thể nói hết. Mình sẽ dành một bài viết riêng cho nó.
Các bạn còn nhớ type của widget của bài viết trước chứ. Mỗi loại widget sẽ có một loại data riêng. Vì vậy bạn không thể làm cái điều "râu ông nọ cắm cằm bà kia" được.
Nói qua về nó, nó có dạng sau data:name1.name2. Trong đó, name1 sẽ là đối tượng chính, name2 thường là các thuộc tính đi kém theo sau đó. Mình thấy nói về phần này rất hay, chắc có lẽ xin khất ở bài sau.
E. Vòng lặp (Loop)
Dùng để lọc ra một phần tử trong một nhóm phần tử : nhóm bài viết(posts), nhóm nhãn(labels), nhóm bình luận (coments)...
Cấu trúc :
<b:loop var='{biến chạy, phần tử con}' values='{nhóm phần tử}'>
{Lặp nội dung ở đây}
</b:loop>Hình dung đơn giản thì đây là vòng lặp foreach, phần tử con được lấy ra trong nhóm phần tử.
VD :
<b:loop var='i' values='data:posts'>
<h2><data:i.title/></h2>
</b:loop>F. BT Điều kiện (If/Else)
Biểu thức so sánh đưa ra kết quả đúng và sai..
Cấu trúc :
<b:if cond='{điều kiện}'>
{hiển thị nội dung nếu là đúng}
<b:else/>
{hiển thị nội dung nếu là sai} </b:if>Điều kiện ở đây thường là so sánh các đối tượng data với giá trị đã biết để tạo ra các kết quả đúng và sai. Một VD đơn giản là so sánh số bài viết, nếu lớn hơn 1 hiển thị 'A', nhỏ hơn bằng 1 hiển thị 'a'.
<b:if cond='data:post.numComments > 1'>
<font color="red">A</font>
<b:else/>
<font color="red">a</font>
</b:if>Nó có thể năm ngoài widget, tuy nhiêu không được đặt biểu thức if/else giữa widget và include.
Tổng kết.
Qua đây bạn chắc bạn đã thực sự hiểu sơ qua về cấu trúc của một BlogSpot. Biết được ai là cha, ai là con. Mình xin được tổng kết lại các phần đã giới thiệu đơn giản như sau:
