Vipshock templates - Tin tức news

Giao diện 2 cột dành cho site tin tức, thủ thuật.
Cấu trúc đơn giản gọn gàng.
load nhãn mặc định để tối ưu seo cho site.
Tóm lại là giao diện để làm site tin tức, thủ thuật ... :!^^

XEM DEMO DOWNLOAD

XEM DEMO DOWNLOAD

Cài đặt cũng như các theme share trước . mở bằng notepad++ tìm các đoạn js và thay tên nhãn cho phù hợp với nhãn blog bạn

<script>document.write("<script src=\"/feeds/posts/default/-/Tiêu điểm?max-results="+10+"&orderby=published&alt=json-in-script&callback=hotnewl\"><\/script>");</script>

Ai yêu thì để cho xin cái liên kết tới blog mình nha

<a href='http://www.bay68.com' target='_blank' title='Tham gia Hội chém gió VN'>Tham gia Hội chém gió VN</a>

Thông cảm adf buy domain nha các bạn. mới đc có 1$ còn thiếu nhiều quá!
Ai hảo tâm donate nhé :
Paypal.com: helloximo@gmail.com
Baokim.vn: nguagovt@gmail.com
Thank kiu!

Topphimtuan Blogger Templates

Topphimtuan Blogger Templates - Templates sử dụng làm site xem phim online .

Templates đã tích hợp sãn bản AncMedia Edition hộ trợ play khá nhiều server .
Nếu ai mới tham gia blogger vui lòng Xem hướng dẫn tại đây để hiểu cách sử dụng.

Để nhìn chuyên nghiệp hơn ở trang chủ và tranh nhãn mình gắn ảnh vào thumb phim thông qua các nhãn tương đương : Phim HD, Phim cấp 3, Phim Hot và Trailer .
Bạn có thể dễ dàng sửa đổi ảnh và nhãn cho đẹp hơn phù hợp với site phim của bạn

for (var k = 0; k < entry.category.length; k++) {
if (entry.category[k].term == 'Phim Hot') {var getlabel = '<img class="getlabel" src="http://1.bp.blogspot.com/-gpJfdYqKEBY/T-GcIzI5QPI/AAAAAAAAA9s/pId95QnBn8w/s1600/hot.png"/>';}
else if (entry.category[k].term == 'Phim HD') {var getlabel = '<img class="getlabel" src="http://3.bp.blogspot.com/-aAOmhgTEi_E/T-GY9gZ8x4I/AAAAAAAAAn4/bKqiarCFVSI/s1600/hd.png"/>';}
else if (entry.category[k].term == 'Phim cấp 3') {var getlabel = '<img class="getlabel" src="http://3.bp.blogspot.com/-WjhxvORlhgM/T-GfLiLGbKI/AAAAAAAAA-A/YUwLn3b6VNA/s1600/bong%60.png"/>';}
else if (entry.category[k].term == 'Trailer') {var getlabel = '<img class="getlabel" src="http://2.bp.blogspot.com/-GEArVXodrW8/T-Gb8ZU7ZfI/AAAAAAAAA9k/o5TVwiRu8K4/s1600/trailer.png"/>';} }

XEM DEMO DOWNLOAD

Hướng dẫn cài đặt:

- Hiện thị bài đăng ở label tìm http://phim.bay68.com thay bằng tên miền của bạn

- Hiện thị các nhãn Phim chiếu rạp, Phim Lẻ, Phim bộ ... ở trang chủ tìm /feeds/posts/default/-/Phim Chiếu Rạp thay Phim Chiếu Rạp bằng nhãn mà bạn muốn hiện thị

Còn vài thứ cài đặt lung tung như menu, link label ... chắc mọi người có thể tự chỉnh sửa được mình sẽ ko viết hướng dẫn nữa.

Do nhiều người chưa biết cách up phim mình up tạm data của mình lên . các bạn down về import để biết cách post phim nhiều server . Data có 163 phim trong đó có khá nhiều phim cấp 3 , mọi người chú ý trước khi xem

DOWNLOAD DATA PHIM TEST

Chi tiết các server cập nhật và update sẽ được thông báo và fix lỗi ở đây: http://www.bay68.com/2012/08/ancmedia-plugin-ho-tro-play-videos.html

Chúc thành công !

Matxac 2012 Blogger Templates

Templates dành cho các bạn thích làm site nhạc DJ , Rap Việt ...



XEM DEMO DOWNLOAD

Hướng dẫn cài đặt.
Để thay đổi Menu tìm :

<li><h2><a href='/' title='Home'>Home</a></h2></li>
<li><h2><a href='/search/label/Nonstop' title='Nonstop'>Nonstop</a></h2></li>
<li><h2><a href='/search/label/House Club' title='House club'>House club</a></h2></li>
<li><h2><a href='/search/label/Việt Mixes' title='Việt Mix'>Việt Mix</a></h2></li>
<li><h2><a href='/search/label/Dance Trance' title='Dance - Trance'>Dance Trance</a></h2></li>
<li><h2><a href='/search/label/Producer VN' title='Producer VN'>Producer VN</a></h2></li>
<li><h2><a href='/search/label/Video' title='Videos Clip'>Videos Clip</a></h2></li>

Tìm http://matxac2012-helloximo.blogspot.com thay bằng tên miền của bạn

Để hiện thị icon , , bạn cần thêm nhãn có tên tương tự là New , Hot , Video

Cách post nhạc, đọc bài này: http://www.bay68.com/2012/08/ancmusic-edition-plugin-ho-tro-nghe-nhac.html

Mục Video Dance Remix ở Sidebar vào Cài đặt -> Thiết kế -> chỉnh sửa tiện ích Video Dance Remix chèn vào

<div align="center" class="videox">
<script>document.write("<script src=\"/feeds/posts/default/-/Video?max-results="+5+"&orderby=published&alt=json-in-script&callback=bayvideo\"><\/script>");</script>
</div>

Thêm 1 pic ảnh demo bài viết


Notice: Xin lỗi vì link adf.ly mình chỉ muốn kiếm tiền mua cái domain , được $0.56006 earned rồi mọi người ủng hộ nhé

Congly Blogger Theme ( Update )

Do khá nhiều người sử dụng theme này nên mình cập nhật thêm 1 số sửa đổi mà blogger update:
+ Tối ưu tăng tốc độ load
+ Slide bài mới nhất có thêm hình ảnh
+ Fix không lưu được widget ở phần tử trang
+ Sửa widget  nhỏ trang lable ở phần tử trang
+ Thêm thumbnail cho bài viết ở trang nhãn khi không có ảnh
+ Thêm trang Archive cho blog
+ Fix tìm kiếm = tìm kiếm blogger
+ Tạo widget ở sidebar có khung bo viền
+ Sử dụng phân trang mặc đinh
+ Loại bỏ Menu sổ ngang
+ Sử dụng comment phân cấp blogger

DEMO | DOWNLOAD

Hướng dẫn :
Để sửa đổi theme bạn nên dùng Notepad++ để dễ dàng sử dụng
1. Thay đổi logo tìm:
http://4.bp.blogspot.com/-SvH6xyNEkkY/T-6yaYQGhiI/AAAAAAAABE8/7_aQzYPMao0/s1600/logos.png
thay = link ảnh logo của bạn

2. Thay đổi link menu

<ul class='menu'>
<li><a href='/'><span>Home</span></a></li>
<li><a href='/search/label/Destination'><span>Menu1</span></a></li>
<li><a href='/search/label/Destination '><span>Menu2</span></a></li>
<li><a href='/search/label/Destination '><span>Menu3</span></a></li>
<li><a href='/search/label/Destination  '><span>Menu4</span></a></li>
<li><a href='/search/label/Destination  '><span>Menu5</span></a></li>
<li><a href='/search/label/Destination '><span>Menu6</span></a></li>
<li><a href='/search/label/Destination '><span>Menu7</span></a></li>
<li><a href='/search/label Destination '><span>Menu8</span></a></li>
<li><a href='/search/label/Destination '><span>Menu9</span></a></li>
</ul>

Thay Destination và Menu.. thành các nhãn blog của bạn 

3. Hiện thị các table ở trang chủ



Tìm

<div class='body-home'>
<div class='boxtitle'>
<h2><span class='boxtitle1'/><span class='boxtitle2'><a href='/search/label/Destination' title='Destination'>Destination</a></span>
<span class='boxtitle3'/></h2>
<ul class='subbox'>
<li><a href='/search/label/Menu1'>Menu1</a></li>
<li>|</li>
<li><a href='/search/label/Menu2'>Menu2</a></li>
<li>|</li>
<li><a href='/search/label/Menu3'>Menu3</a></li>
</ul>
</div>
<div class='body-info'>
<script>document.write("<script src=\"/feeds/posts/default/-/Destination?max-results="+7+"&orderby=published&alt=json-in-script&callback=helloximo02\"><\/script>");</script>
</div>
<div style='clear:both;'/>
</div>

Thay chữ in đậm màu đỏ và xanh thành các nhãn của bạn

Và đây là data test nếu blog bạn chưa có bài viết nào
Vào cài đặt và Import là có thể xem demo ngay

Download Data Test

Petkute Blogger

Định rip làm trang Auto Game thấy kute lại làm site truyện, post đc 2 bộ truyện chán lại bỏ =))
Mình ko biết sắp xếp cái main sao cho hợp lý . Ai thích cái main hiện kiểu khác thì cho cái ảnh demo mình sẽ làm lại.

Mình làm random background có 3 cái ảnh thôi nha
Mình cũng không có file PSD đâu nên đừng PM vô ích. và điều quan trọng hơn là mình ko biết PTS :))

Cơ bản chỉ có thế có vài cái ảnh ở petkute.banbe.net các bạn up lại ko là lúc nó thay link là đi :)

DEMO | DOWNLOAD

Notice: viết nhầm RSS comment ở menu là feeds/comments/default chứ ko phải là /feeds/comment/default sửa lại dùm mình :)

Đầu tư MMO bằng E-Study Template

Nếu bạn muốn chơi Affiliate, Adsense hoặc MMO nói chung hoặc thậm chí muốn đặt quảng cáo trên blogspot thì bạn nên chọn một Template thật đặc trưng. Nếu muốn chơi MMO thật hiệu quả thì bạn nên viết blogspot bằng tiếng Anh. E-Study là một Template mới ra của Thủ thuật Blogger có thể đáp ứng đủ yêu cầu của một người chơi MMO đích thực.

DEMO

E-Study Template được tích hợp đầy đủ các tiện ích cần thiết cho một blogspot. Nổi bật nhất là phần Auto Readmore có thương hiệu riêng của Thủ thuật Blogger. Phần nhận xét tự động điều chỉnh bề rộng theo số ký tự của nhận xét. Đã gắn tiện ích Next Post/Previous Post. Menu dạng cây thư mục tiết kiệm không gian web. Tốc độ load siêu nhanh, bạn có thể kiểm tra bằng công cụ dưới đây:

Kiểm tra dung lượng và tốc độ tải trang:

Tên domain/website: (Ví dụ: www.thuthuatblogger.info)

Có thể phân tích chi tiết tại Pingdom.

E-Study đã được SEO theo hướng tốt nhất, dễ cài đặt và tùy biến.

Quan niệm của Thủ thuật Blogger về phương diện Template thương mại: “Hàng rẻ là hàng dỏm” vì thế E-Study sẽ không có giá dưới 10 USD. Giá bán ban đầu là 10USD/Template, sau 5 lần sale sẽ tăng thêm 1 USD đến giá fix cuối cùng là 15 USD (giá trị thực của E-Study). 10 USD đầu tư cho một sự nghiệp MMO là sự lựa chọn quá ư là đơn giản.

Đã có 01 người mua Template này.

E-Study Price Options

First Five Sales $10.00Second Five Sales $11.00Third Five Sales $12.00Fourth Five Sales $13.00Fifth Five Sales $14.00Fixed Sale $15.00

Thủ thuật Blogger ra mắt Lightning Template

Sau mấy ngày hình thành ý tưởng và thiết kế, cuối cùng Template đầu tiên của Thủ thuật Blogger đã ra đời, đó là Lightning Template. Đây là một Template hội đủ một số ưu điểm như SEO, load nhanh, dễ tùy biến, giao diện lạ, có tiện ích bài viết xem nhiều bố trí nằm ngang, tiện ích nhận xét mới nhất có avatar, tiện ích bài viết mới nhất không dùng javascript ở trang item, Author Box, đặc biệt là Auto Readmore không dùng javascript tùy biến khung thông tin bài viết hiển thị ở trang index và nằm trên sidebar của trang item.

Payment Price $10.00

Tên Template: Lightning
Tác giả: Huỳnh Nhật Hà (www.thuthuatblogger.info)
Thời gian hoàn thành: 18/8/2011
Giá bán: $10
Khuyến mãi: Tặng nguyên Template cho cộng tác viên đầu tiên của Thủ thuật Blogger đạt 10 bài viết.

Phân tích các thẻ dữ liệu trong bố cục Template

Trong cấu trúc bố cục XML của Blogger Template, có nhiều thẻ khác nhau bạn có thể sử dụng để gộp các mảng dữ liệu riêng biệt trong Template. Tất cả chúng được định dạng là <data:name/> hoặc <data:name1.name2/>, trong đó name là tên của mảng dữ liệu riêng biệt mà bạn muốn sử dụng. Trong ví dụ name1.name2, thì name2 là một hạng mục riêng trong một bộ dữ liệu được gọi là name1, ví dụ trong thẻ <data:post.body/> thì body là phần nói về thân chứa của bài viết.

Dưới đây là danh sách các dữ liệu được chia thành các phần theo thành phần trang, do các kiểu tiện ích khác nhau thì sử dụng các dữ liệu khác nhau:

• Globally Available Data (Dữ liệu tổng thể)
• Page Header (Tiêu đề đầu trang)
• Blog Posts (Bài đăng Blog)
• Blog Archives (Lưu trữ Blog)
• Profile (Hồ sơ)
• Text / HTML / JavaScript (Tiện ích Text/HTML/Javascript)
• Feed (Nguồn cấp dữ liệu)
• Picture (Ảnh)
• Labels (Nhãn)
• Blog List (Tiện ích danh sách blog)
• Link List (Tiện ích danh sách liên kết)
• Logo (Tiện ích logo)

1. Dữ liệu tổng thể

Thông tin này áp dụng cho toàn bộ trang vì thế bạn có thể sử dụng nó ở bất cứ đâu, không giống như các dữ liệu khác chỉ có thể được dùng trong một tiện ích riêng biệt. Dưới đây là danh sách các thẻ dữ liệu tổng thể:

• <data:blog.title/>: tiêu đề blog
• <data:pageType/>: kiểu trang hiện hành, như các kiểu trang 'item', 'archive', 'index'.
• <data:blog.pageName/>: tên trang
• <data:blog.pageTitle/>: tiêu đề trang hiện hành
• data:blog.url: URL của trang hiện hành
• data:blog.homepageUrl: trang chủ của blog
• <data:blog.encoding/>: mã hóa để sử dụng cho blog, ví dụ UTF-8
• data:blog.languageDirection: định dạng ngôn ngữ từ trái sang phải (ltr) hoặc từ phải sang trái (rtl)
• <data:blog.feedLinks/>: các đường dẫn nguồn cấp tự phát hiện cho tiêu đề trang.

2. Tiện ích Tiêu đề đầu trang

Tiêu đề đầu trang là một tiện ích đơn giản chỉ với hai mảng dữ liệu chính, đó là:

• <data:title/>: tiêu đề blog
• <data:description/>: phần mô tả blog

3. Tiện ích Bài đăng Blog

Đây là phần trung tâm của blog và là phần phức tạp nhất. Dưới đây là danh sách các dữ liệu trong tiện ích này:

• data:feedLinks: Danh sách nguồn cấp cho trang. Trên trang chính, nó chứa nguồn cấp cho cả blog; trên các trang item, nó chứa các nguồn cấp nhận xét. Mỗi hạng mục chứa các phần sau:
  
  • data:feedLinks.url: URL của nguồn cấp
  • <data:feedLinks.name/>: tên nguồn cấp (ví dụ 'Posts' hoặc 'Comments').
  • <data:feedLinks.feedType/>: kiểu nguồn cấp (Atom hay RSS).
  • <data:feedLinks.mimeType/>: kiểu biểu thị nguồn cấp
• data:olderPageUrl: nếu có các bài đăng cũ hơn so với trang hiện hành thì đây là URL đến các bài đăng đó (không phải trang nào cũng có đường dẫn này)
• <data:olderPageTitle/>: tiêu đề đường dẫn đến trang các bài đăng cũ hơn
• data:newerPageUrl: nếu có các bài đăng mới hơn so với trang hiện hành thì đây là URL dẫn đến các bài đăng đó
• <data:newerPageTitle/>: tiêu đề đường dẫn đến trang cái bài đăng mới hơn
• <data:homeMsg/>: dòng text liên kết đến trang chủ (Home)
• <data:commentLabel/>: thẻ dùng để hiển thị số nhận xét (Comments)
• <data:authorLabel/>: thẻ dùng để chỉ người viết bài (Posted by)
• <data:timestampLabel/>: thẻ dùng để chỉ thời gian bài được đăng (posted at)
• <data:postLabelsLabel/>: thẻ để giới thiệu danh sách các nhãn bài viết (labels for this post)
• <data:backlinksLabel/>: thẻ để mô tả liên kết ngược đến bài viết (links to this post)
• data:posts: danh mục tất cả bài viết trong trang. Mỗi bài viết chứa các phần sau đây:
  
  • <data:post.dateHeader/>: ngày tháng xuất bản bài viết, chỉ có mặt nếu bài đầu tiên trong danh sách được đăng trong ngày hiện hành
  • <data:post.id/>: chuỗi số ID cho bài viết
  • <data:post.title/>: tiêu đề bài viết
  • <data:post.body/>: nội dung bài viết
  • <data:post.author/>: tên hiển thị tác giả bài viết
  • data:post.url: liên kết cố định của bài viết
  • <data:post.timestamp/>: định dạng thời gian bài viết, tồn tại ở mọi bài viết
  • data:post.labels: danh mục các nhãn cho bài viết. Mỗi nhãn chứa các phần sau đây:
    
    •  <data:label.name/>: dòng text biểu thị tên nhãn
    •  data:label.url: URL của trang liệt kê tất cả các bài viết trong blog thuộc nhãn hiện hành
    •  data:lable.isLast: true hoặc false/ chỉ định nhãn có phải là nhãn cuối cùng trong danh mục (sử dụng các dấu phẩy giữa các nhãn)
  • <data:post.allowComments/>: dùng 'True' nếu bài viết cho phép các nhận xét
  • <data:post.numComments/>: số nhận xét trên bài viết
  • <data:post.showBacklinks/>: có hay không hiển thị liên kết ngược đến bài viết
  • <data:post.numBacklinks/>: số liên kết ngược cho bài viết
  • data:post.addCommentUrl: URL của dòng 'add a comment' cho bài viết
  • data:post.emailPostUrl: URL của dòng 'email this post' cho bài viết
  • data:post.editUrl: URL cho liên kết chỉnh sửa nhanh bài viết
  • <data:post.feedLinks/>: danh mục các nguồn cấp riêng biệt cho bài viết (khác với nguồn cấp chung cho cả blog), có thể chứa cả nguồn cấp cho phần nhận xét của bài viết. Mỗi nguồn cấp chứa các phần sau đây:
    
    • data:f.url: URL nguồn cấp
    • <data:f.name/>: tên nguồn cấp ('Posts' hay 'Comments')
    • <data:f.feedType/>: kiểu nguồn cấp (Atom hay RSS)
    • <data:f.mimeType/>: kiểu biểu thị nguồn cấp
  • <data:post.comments/>: danh mục tất cả các nhận xét trong bài viết (chỉ trên các trang item). Mỗi nhận xét chứa các phần sau đây:
    
    • <data:comment.id/>: số ID của nhận xét
    • <data:comment.body/>: phần nội dung nhận xét
    • <data:comment.timestamp/>: thời gian tạo nhận xét
    • <data:comment.author/>: tên hiển thị tác giả nhận xét
    • data:comment.authorUrl: URL đến trang hồ sở của tác giả nhận xét, nếu nhận xét không phải nặc danh
    • data:comment.deleteUrl: URL để xóa nhận xét
    • data:comment.isDeleted: liệu nhận xét đã bị xóa hay chưa

4. Tiện ích Lưu trữ Blog

Tiện ích này gồm một số thẻ dữ liệu chính như sau:

• <data:title/>: tiêu đề tiện ích
• data:style: kiểu bố trí liệt kê các bài viết lưu trữ theo dạng 'MENU', 'FLAT', hoặc 'HIERARCHY'.
• data:data: danh mục của mỗi đơn vị lưu trữ, chứa các phần sau:
  
  • <data:i.name/>: tên của các khoảng thời gian lưu trữ (ví dụ "August 2010"
  • data:i.url: đường dẫn đến trang chứa các bài viết từ khoảng thời gian lưu trữ
  • <data:i.post-count/>: bao nhiều bài viết có trong khoảng thời gian lưu trữ

5. Tiện ích Hồ sơ

Đối với blog chỉ có một tác giả thì tiện ích Hồ sơ chứa những thông tin sau đây.

• <data:title/>: tiêu đề tiện ích
• data:userUrl: URL đến hồ sơ của tác giả
• data:location: vị trí từ hồ sơ của tác giả
• data:aboutme: thông tin "About Me" từ hồ sơ
• <data:displayname/>: tên hiển thị tác giả
• data:photo: ảnh hồ sơ người dùng, gồm tác phần sau đây
  
  • data:photo.url: URL đến ảnh
  • data:photo.width: chiều rộng ảnh (đơn vị pixel)
  • data:photo.height: chiều cao ảnh (đơn vị pixel)
  • data:photo.alt: dòng text chỉ thuộc tính "alt" cho ảnh

Đối với các blog nhóm (team blogs), tiện ích hồ sơ chứa ít thông tin hơn về các tác giả, như sau:

• <data:title/>: tiêu đề tiện ích
• data:authors: danh sách các tác giả, mỗi tác giả chứa các phần sau đây:
  
  • data:displayname: tên hiển thị tác giả
  • data:userURL: URL đến trang hồ sơ của tác giả

Nếu bạn muốn thiết kế Template dùng cho cả blog một tác giả và blog nhiều tác giả thì bạn có thể sử dụng biến data:team để phân biệt giữa hai trường hợp. Ví dụ:

<b:if cond='data:team == "true"'> <!-- team blog profile -->
<ul><b:loop values='data:authors' var='i'> <li><a expr:href='data:i.userUrl'><data:i.display-name/></ a></li> </b:loop></ul>
<b:else/> <!-- normal blog profile -->
<b:if cond='data:photo.url != ""'><a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a></b:if>
<dl class='profile-datablock'> <dt class='profile-data'><data:displayname/></dt>
<b:if cond='data:showlocation == "true"'> <dd class='profile-data'><data:location/></dd> </b:if>
<b:if cond='data:aboutme != ""'><dd class='profile- textblock'><data:aboutme/></dd></b:if> </dl>
<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
</b:if>

6. Tiện ích Text / HTML / JavaScript

Tiện ích Text và tiện ích HTML/JavaScript hoạt động giống nhau và có cùng hai mảng dữ liệu:

• <data:title/>: tiêu đề tiện ích
• <data:content/>: nội dung tiện ích

7. Tiện ích Nguồn cấp

Nội dung tiện ích nguồn cấp được load bằng cách sử dụng Google AJAX API sau khi blog được trình diễn trong công cụ trình duyệt. Bạn chỉ có thể định dạng nó bằng cách sử dụng CSS. Tiện ích này gồm 2 mảng dữ liệu sau:

• <data:title/>: tiêu đề tiện ích
• data:feedUrl: URL của nguồn cấp

8. Tiện ích Ảnh

Một tiện ích ảnh chứa một ảnh riêng biệt, cung cấp tất cả các dữ liệu liên quan đến ảnh này.

• <data:title/>: tiêu đề tiện ích
• data:sourceUrl: URL nguồn ảnh
• data:width: bề rộng của ảnh (đơn vị pixel)
• data:height: chiều cao ảnh (đơn vị pixel)
• data:caption: chú thích ảnh

9. Tiện ích Nhãn

Tiện ích Nhãn gồm danh mục tất cả các nhãn được sử dụng trong blog. Gồm các mảng dữ liệu sau đây:

• <data:title/>: tiêu đề tiện ích
• data:labels: danh mục các nhãn, mỗi nhãn chứa các phần sau:
  
  • <data:label.name/>: text biểu thị tên nhãn
  • <data:label.count/>: số bài viết có trong nhãn
  • data:label.url: đường dẫn đến trang hiển thị tất các các bài viết trong nhãn

10. Tiện ích Danh sách blog

Tiện ích này chứa danh sách các hạng mục chỉ là các URL riêng biệt.

• <data:title/>: tiêu đề tiện ích
• data:items: danh sách các hạng mục, gồm các phần sau đây:
  
  • data:displayStyle: định dạng hiển thị là display:block
  • <data:timePeriodSinceLastUpdate/>: khoảng cách thời gian kể từ lúc cập nhật bài viết mới
  • <data:blogTitle/>: tiêu đề blog
  • data:blogUrl: URL đến blog
  • data:blogIconUrl: URL đến favicon của blog
  • <data:itemTitle/>: tiêu đề bài viết
  • <data:itemSnippet/>: đoạn trích dẫn bài viết
  • data:itemUrl: URL đến bài viết
  • data:itemThumbnail: ảnh đại diện bài viết
  • data:itemThumbnail.height: chiều cao ảnh đại diện
  • data:itemThumbnail.width: chiều rộng ảnh đại diện
  • data:itemThumbnail.url: URL của ảnh đại diện

11. Tiện ích Danh sách liên kết

Tiện ích này gồm danh sách các liên kết, mỗi liên kết có hai phần: text và link.

• <data:title/>: tiêu đề tiện ích
• data:links: danh mục các liên kết, mỗi liên kết chứa các phần sau:
  
  • <data:link.name/>: dòng text biểu thị liên kết
  • data:link.target: URL của liên kết

12. Tiện ích Logo

Tiện ích này đơn giản nhất, chỉ có một mảng dữ liệu:

• data:fullButton: URL của nút Blogger mà bạn chọn.

Toàn bộ cấu trúc XML của nút Blogger như thế này:

<b:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'>
<b:includable id='main'>
<div class='widget-content'>
<a href='http://www.blogger.com'><img alt='Powered By Blogger' expr:src='data:fullButton'/></a>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Hy vọng với phân tích chi tiết về các thẻ dữ liệu trong bố cục Template, bạn sẽ hiểu sâu hơn về cấu trúc XML của Blogger Template, hỗ trợ thêm cho bạn kiến thức về thiết kế Template.