Video Template - YouBlog

Hi all, lâu rồi không lên blog nên dạo này bài viết ít hẳn. Vì vậy, để thay đổi không khí, mời ae blogger vào chém cái temp mà em vừa quất từ bên nước ngoài về hi hi. Template này khác hẳn các temp khác ở chỗ nó chỉ thích hợp cho video giống như trên Youtube thôi...^^!

Trước khi giới thiệu em nó, mời các bác xem demo của em nó hi hi .

PREVIEW                  DOWNLOAD


Times Downloaded.

Template có các đặc điểm sau:
  • Thiết kế đơn giản thanh lịch.
  • Tương thích với mọi trình duyệt.
  • Hỗ trợ Dropdown Menu.
  • Featured Post có sử dụng  jcarousel Plugin.
  • Tiêu đề và mô tả khả năng tương thích với temp hai cột.
  • Author:  Bloggerzbible
Và sau đây là một số hướng dẫn khi áp dụng template:

1. Add the Navigation:  Đăng nhập Blogger > Thiết kế > Chỉnh sửa HTML, mở rộng mẫu và tìm đoạn code bên dưới, chỉnh sửa cho phù hợp với ý của bạn. 

<ul class="sf-menu">
<li><a href="#">Home</a></li>
<li><a href="#">Example Page</a></li>
<li><a href="#">Browse categories</a>
<ul>
<li><a href="#">Trailers</a></li>
<li><a href="#">Music videos</a></li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">TV shows</a></li>
<li><a href="#">Live Events</a></li>
</ul>
</li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>

2. Đăng bài.
Để đăng bài, bạn phải cần đến URL của video, chúng ta có thể lấy link video trên Youtube, cách lấy link video trên Youtube như sau:
Bạn mở 1 video trên trang Youtube và nhìn xuống phía dưới video có hình tương tự sau:


Click vào nút Share được đánh dấu đỏ và bạn sẽ nhìn thấy link trong ô được đánh dấu màu xanh, nhưng đó mới chỉ là short link. Vì vậy, để lấy link chuẩn cho post bài, bạn hãy mở Show options được đánh dấu màu cam. Sau khi bạn mở ra, sẽ có một số tùy chọn nhỏ, bạn hãy tick vào Long link được đánh dấu như hình.


và bạn copy toàn bộ link video vào bài đăng với cú pháp sau:

[youtube]http://www.youtube.com/watch?v=OEBo0Hf3LqE[/youtube]

3. Tùy chỉnh tiện ích Recent Post.

<script type="text/javascript">
var numposts = 3;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
</script>
<script type="text/javascript" src=”http://f.cl.ly/items/0f430p1Y0S0f2q32453w/recent_videos.js”></script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>
<div class="clear"/></div>

Để tiện ích recent post hoạt động, bạn chỉnh sửa dòng đánh dấu màu đỏ cho phù hợp.

         Khi đăng bài, để tránh phát sinh lỗi, bạn nên:
         - Không sử dụng dấu nháy (") trong tiêu đề bài đăng.
         - Post bài phải đúng link theo cú pháp [youtube]LINK[/youtube].


Chúc các bạn vui vẻ với template này. Thân!

Video Template - YouBlog Video Template - YouBlog Reviewed by Hoàng Quang on 2/28/2012 Rating: 5