TỔNG HỢP BLOGGER TEMPLATE LÀM TRANG VIDEO

Hiện tại Blogger có khá là nhiều video trên mạng với rất nhiều chủ để khác nhau để lựa chọn, hôm nay mình sẽ tổng hợp lại những Blogger Template về chủ đề video clip cho những bạn có nhu cầu có thể dễ dàng hơn trong việc tìm kiếm để sử dụng. Lưu ý là chỉ về chủ đề video clip chứ không liên quan đến phim ảnh, về phim ảnh mình sẽ có một bài tổng hợp khác.

Nếu bạn thích chủ về về blog và tạp chí thì bạn có thể tham khảo lại bài viết cũ của mình

• Top 5 Blogger template đầu năm 2014

Tổng hợp Blogger Template làm trang video

BlogTube

Xem trước - Tải về

Là một template responsive thiết kế với phong cách khá là chuyên nghiệp, tuyệt vời là bạn có thể sử dụng video từ nhiều nguồn như YouTube, Vimeo và Dailymotion. Template đẹp và tốc độ tải nhanh đang được rất nhiều người sử dụng.

Videoism

Xem trước - Tải về

Template với cái nhìn khá đơn giảm, tốc độ tải cũng khá nhanh, ngoại trừ responsive thì template này có những tính năng tương tự với template trên, và một tính năng nhỏ khác là đếm số lượng xem của trang.

Videolog

Xem trước - Tải về

Template này hiện tại có 2 màu để bạn lựa chọn, tốc độ load cũng khá tối ưu, bản thân thì thấy template này hơi tẻ nhạt một tý.

VideoBox

Xem trước - Tải về

Là một template ra đời đã khá lâu rồi nhưng vẫn nhìn rất tinh tế và đẹp, chỉ rất tiếc là không có responsive.

Johny Crottube

Xem trước - Tải về

Đây là một trong những nhà thiết kế template hàng đầu, template khá lâu rồi nhưng vẫn rất có giá trị.

Johny Jazzytube

Xem trước - Tải về

Template với nền sáng cho những người thích sự tinh tế.

YouBlog

Xem trước - Tải về

Vegeta

Xem trước - Tải về

Template flat design khá đẹp và mạng cái tên vegeta là tên của nhân vật trong phim hoạt hình.

Lời kếthttp://www.mediafire.com/download/aayo24ezm0a7jk9/Vegeta+Blogger+Template.zipNhững template mình đã liệt kê ở trên là những template mà mình cảm thấy được nhất trong thời điểm hiện tại, hiện tại còn một vài template nữa nhưng không thích hợp để sử dụng nữa nên mình không đề cập bên trên. Hãy cho mình biết ý kiến của bạn về những template này, hoặc có thể để lại chi tiết bổ sung nếu bạn có một template khác liên quan để video.

P/S: Những template này tổng hợp từ nhiều nguồn hầu hết nằm trong các nguồn từ bài viết sau đây:

• Tổng hợp một số trang tải về template đẹp cho Blogger

Cảm ơn bạn đã đọc bài viết!

Đọc Bài

TỔNG HỢP MỘT SỐ TRANG TẢI VỀ TEMPLATE ĐẸP CHO BLOGGER

Tổng hợp một số trang tải về template đẹp cho Blogger

Giao diện (template) là một trong những ấn tượng đầu tiên để giúp blog của bạn lấy được thiện cảm của người dùng. Việc tự thiết kế giao diện Blogger đối với một số bạn lại cực kì khó khăn => việc sử dụng template của bên thứ 3 là không thể tránh khỏi. Do đó bài viết này mình sẽ thống kê một số nhà cung cấp template miễn phí mà mình cảm thấy hài lòng nhất cho các bạn.

Tổng hợp một số trang tải về template đẹp cho Blogger

Lưu ý vấn đề về backlink bản quyền 100% không thể tránh khỏi. Và hầu hết template hình ảnh thu nhỏ ngoài trang chủ đều bị resize nên méo mó là điều chắc chắn. Mình chia sẽ thủ thuật resize lại ảnh không bị méo ở các bài sắp tới.

1. Templateify

Ưu: Toàn template đẹp, thiết kế ấn tượng.

Nhược: Phải mua để có đầy đủ CSS cũng như JS để tùy chỉnh trong template.

2. Templateism

Ưu: Lại một trong những nhà cung cấp template vô cùng ấn tượng, được thành lập vào tháng 12 năm 2012.

Nhược: Tạm thời chưa thấy.

3. Djogzs

Ưu: Template phong cách anime đẹp, thumbnail không bị bóp méo.

Nhược: Website bằng tiếng Indonesia, nhiều quảng cáo gây khó chịu.

4. Favorite Blogger Templates

Ưu: Một số template theo dạng báo trí đẹp, miễn phí có thể chỉnh sửa tùy ý.

Nhược: Template của họ ít hơn là template đăng từ website khác.

5. Soratemplates

Giống như Templateify đang dần dần thương mại hóa sản phẩm của họ.

6. Btemplates4u

Tổng hợp template từ nhiều nguồn khác nhau bao gồm cả miễn phí lẫn tính phí.

7. Bloggertheme9

Nhiều template được convert từ Wordpress

8. Borneotemplates

Nhiều thế kế đẹp nhưng lâu rồi không còn cập nhật nữa.

9. Mastemplate

Một trong những nhà cung cấp được mình yêu thích nhất, nhưng lâu rồi không hiểu sao không còn cập nhật nữa, nhiều template hết hạn sử dụng hoặc link down bị hỏng hết.

10. Btemplates

Nhiều template cổ điển không còn update nữa, rất hữu ích cho những người tìm ý tưởng để thiết kế Blogger Template mới.

11. Template Trackers

Được thành lập tháng 9/2013 và tung ra rất nhiều template đẹp và ấn tượng đặc biệt hoàn toàn miễn phí.

12. SeoBloggerTemplates

Cũng khá nhiều template đẹp và rất ấn tượng, một số template bán nhưng giá rất rẻ.

13. Urang-kura

Web tiếng Indonesia nhiều template đẹp, nhưng khá chói mắt (tùy thẩm mỹ mỗi người thôi).

14. ZoomTemplate

Tổng hợp nhiều template từ các website khác, nhưng lâu rồi không còn cập nhật thường xuyên nữa. Cám ơn anh +Xuân Xanh đã bổ xung.

15. Loefa-cebook

Nhiều template đẹp thường chuyên về những template bán hàng.

Theo mình thấy tất cả các trang khác thì hầu như toàn lấy của nhau thôi, nên mình nghĩ 9 nhà cung cấp template trên là đủ để bạn chọn cho mình một template đẹp. Nếu như bạn muốn template thực sự đẹp và nhiều chức năng, bạn nên bỏ tiền ra mua ở trang nổi tiếng như Themeforest, hoặc thuê những trang web mà mình đã liệt kê ở trên.

Đọc Bài

TOP 5 BLOGGER TEMPLATE ĐẦU NĂM 2014

Top 5 Blogger template đầu năm 2014

Hiện nay thì có rất rất nhiều trang cung cấp template khá là đẹp, việc này thì đồng nghĩa với lượng template tăng nhanh rất nhiều, do đó hôm nay mình lập bài viết này để thống kê theo cảm nhận cá nhân của mình 5 template đẹp nhất hiện tại trong tháng 02/2014 này, để bạn dễ bề chọn lựa.

Top 5 Blogger template đầu năm 2014

Lưu ý mình không liệt kê các template của Templateify vào đây mặc dù thiết kế của họ hầu như 100% template flat design rất đẹp, nhưng lý do vì họ chỉ cho free trail (dùng thử).

#5 Icy Responsive Blogger Template

Xem trước - Tải về

Đây là một template được convert lại từ wordpress, được thiết thế theo phong cách blog và giống khoảng 90% template trước. Template được thiết kế với tông màu sáng (tráng và xanh biển) rất thích thợp với website về thiết kế hoặc cái đẹp. Ngoài ra nó còn có tính năng responsive thích hợp với mọi loại màn hình.

#4 Perk Misty

Xem trước - Tải về

Một template responsive vô cùng ấn tượng với phong cách báo chí, và rất nhiều tính năng được tính hợp sẵn trong template, Template Tracker đang tung ra nhiều template mới và rất đẹp mặc dù chỉ mới thành lập không lâu.

#3 Karma - Creative Landing Page Blogger Templates

Xem trước - Tải về

Phải nói đây là một trang landing page cực kì đẹp với hiệu ứng chuyên nghiệp, bạn nào tải nó về và redesign lại cho cách doanh nghiệp hoặc công ty nhỏ của mình thì hết xảy con bà bảy.

#2 Enpine Blog

Xem trước - Tải về

Lại thêm một template đẹp và tinh tế nữa của Template Tracker, chắc không cần phải nói nhiều vè template này nữa.

#1 Decorus

Xem trước - Tải về

Đây là template thứ 3 mà mình tiếp tục dành tặng cho Template Tracker.

Như vậy đã liệt kê xong 5 template miễn phí cho Blogger, và xin thêm một template tính phí từ themeforest mới ra đây thôi nhưng trong rất đẹp cho những ai muốn làm trang báo chí (tiền nào của nấy).

Flat Mag - Responsive Blogger Template

Xem trước - Tải về

Lời kết

Đấy hoàn toàn là những ý kiến cá nhân của mình về những template mới đẹp nhất đẹp nhất trong thời gian hiện tại, mong rằng nó cũng như thế trong mắt các bạn. Hãy để lại nhận xét cho mình biết ý kiến cá nhân của bạn cho mình tại khung bình luận bên dưới. Nếu bạn cảm thấy không hài lòng bạn cũng có thể nên xem qua Tổng hợp một số trang tải về template đẹp cho Blogger của mình để tự cảm nhận và tải về những template khác cho bạn.

Đọc Bài

TEMPLATE MINIMALIST CHO BLOGGER

Template Minimalist cho Blogger

Minimalist là template của mình làm cho Blogger "vay mượn" (trắng trợn ra là ăn cướp) thiết kế của Wordpress, template với nền sáng,  tốc độ load nhanh, có thể tự co giãn với màn hình người đọc, thân thiện dễ nhìn. Bạn có thể tham khảo dưới đây để kiểm chứng.

Tính năng của Minimalist

• Fully Responsive.
• SEO Optimized.
• Thumbnail up từ blog hoặc picasa không bị bóp méo.
• Quảng cáo ngoài trang chủ, đầu và cuối bài viết.
• Tích hợp Google Authorship mỗi bài viết.
• Và một số thành phần nhỏ khác.

Trước đây có ý định bán, nhưng giờ mình xin cho không mọi người, đây là một trong những template đầu tay và ưng ý nhất của mình. Rất mong rằng khi chia sẻ template này nhận được sự ủng hộ lớn lao từ các bạn, mọi thắc mắc, vấn đề xảy ra ở template này các bạn có thể thoải mái để lại nhận xét ở phía dưới.

Một lần nữa! Khi sử dụng template xin hãy giữ lại copyright của mình, cám ơn các bạn.

Đọc Bài

ZETT - A RESPONSIVE BLOGGER TEMPLATE

Lại là một template do BlogTipsNTricks làm ra, với tông màu tương tự như template mà mình đã giới thiệu ở bài viết trước đây Ozura - A Responsive Blogger Template, chắc chắn rằng nó sẽ cho bạn và khách truy cập một cái nhìn khá là dễ chịu và tinh tế.

Tính năng chính của Zett - AResponsive Blogger Template

• Thiết kế đẹp và dễ nhìn
• Giao diện có responsive
• Thiết kế phẳng
• Tối ưu hóa cho SEO
• Tốc độ tải trang nhanh
• Khung theo dõi email ở trang chủ
• Thanh menu responsive
• Giao diện mới cho tiện ích About me
• Có phân trang
• Nhận xét phân cấp khá đẹp
• Tùy chỉnh lại các thẻ tiêu đề (h1 đến h6)
• Khung theo dõi email trên Sidebar
• Tùy chỉnh lại giao diện của Forms
• Xem trước & Tải về

Lời kết

Như bạn đã thấy thì các tính năng này khá tương tự với template mình đã giới thiệu ở trước, điều đặc biệt ở đây là một số thay đổi nhỏ về phần giao diện ở trang chủ, thay vì một blog với một tấm thumbnail khổng lồ thì template này thích hợp cho những ai đơn giản chỉ viết blog bình thường. Mình sẽ tiếp tục cập nhật những template mới mà mình cảm thấy đẹp và hữu ích cho các bạn.

Cũng như template đợt trước và mọi template khác của  BlogTipsNTricks thì ảnh thumbnail dùng css để bóp lại kích thước, bạn có thể sử dụng qua js này của mình để cắt lại hình ảnh

Resize và cắt ảnh thumbnail đúng kích thước cho Blogger

hoặc nếu bạn muốn nó hoạt động nhanh và chuyên nghiệp hơn cho template của bạn thì hãy liên hệ bình để chỉnh sửa.

Đọc Bài

OZURA - A RESPONSIVE BLOGGER TEMPLATE

Từ nay blog của mình sẽ thêm các bài viết dạng giới thiệu những template đẹp từ những website khác mà các bạn ít biết tới cho các bạn, để các bạn dễ dàng cập nhật và lựa chọn vì có rất nhiều blog cá nhân cung cấp template đẹp nhưng không nhiều nên ít người biết.

Đây là một template do BlogTipsNTricks thiết kế và làm ra, điều mình đặc biệt thích ở template này là với cách phối màu khá hợp lý, tông màu ngọc bích và đen tuyền cho bạn cảm giác sang trọng và rất dễ nhìn (nghe cứ như quảng cáo trên TV ấy nhỉ) template cho bạn cảm giác rất tinh tế và dịu mắt. Dưới dây mình sẽ liệt kê những tính năng cơ bản mình dịch ra từ blog của chủ sở hữu.

Tính năng chính của Ozura - A Responsive Blogger Template

• Thiết kế đẹp và dễ nhìn
• Giao diện có responsive
• Thiết kế trông đơn giản
• Tối ưu hóa cho SEO
• Tốc độ tải trang nhanh
• Thanh menu responsive
• Giao diện mới cho tiện ích About me
• Có phân trang
• Giao diện mới tiện ích bài đăng phổ biến
• Nhận xét phân cập khá đẹp
• Tùy chỉnh lại các thẻ tiêu đề (h1 đến h6)
•  Tiện ích theo dõi cực đẹp tại Sidebar
• Tùy chỉnh lại giao diện của Forms
• Nút chia sẻ tại trang bài viết

Tải về Template Ozura - A Responsive Blogger Template

Lời kết

Template này mình cảm thấy rất thích hợp với những bạn muốn làm những blog về Studio ảnh hoặc tương tự, mong rằng các bạn thích template này. Sắp tới mình sẽ giới thiệu nhiều nữa tại chuyên mục template mời các bạn đón xem. Mong rằng chuyên mục giới thiệu template này sẽ được mọi người hưởng ứng.

Đọc Bài

CHIA SẺ LẠI AUTO READMORE VỚI THUMBNAIL BẰNG JAVASCRIPT

Dù dùng đi dùng lại nhiều cách để tạo autoreadmore với thumbnail trong thiết kế template thì tại một vài giao diện mình vẫn sử dụng đến cách tạo bằng Javascript này, đoạn mã này cũng không có gì mới chỉ là chia sẻ lại với các bạn có nhu cầu.

Sơ lược cho những bạn chưa biết, đoạn js này cho phép các bạn kiểm soát số lượng ký tự được lấy ra ngoài trang chủ, tự động lấy hình ảnh đầu tiên trong bài viết làm ảnh thumbnail dù cho có up lên tại Blogger hay không và nhiều tùy chỉnh nhỏ khác nữa.

Auto Readmore với Thumbnail bằng Javascript

Đăng nhập Blogger » Mẫu » Chỉnh sửa HTML tìm ìm đến thẻ </head> và thêm đoạn mã sau lên trên

<script type='text/javascript'>
var thumbnail_mode = "yes"; //yes -with thumbnail, no -no thumbnail
summary_noimg = 430; //summary length when no image
summary_img = 340; //summary length when with image
img_thumb_height = 200;
img_thumb_width = 200;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
 if(strx.indexOf("<")!=-1)
 {
  var s = strx.split("<");
  for(var i=0;i<s.length;i++){
   if(s[i].indexOf(">")!=-1){
    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
   }
  }
  strx =  s.join("");
 }
 chop = (chop < strx.length-1) ? chop : strx.length-2;
 while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
 strx = strx.substring(0,chop-1);
 return strx+'...';
}

function createSummaryAndThumb(pID){
 var div = document.getElementById(pID);
 var imgtag = "";
 var img = div.getElementsByTagName("img");
 var summ = summary_noimg;
        if(thumbnail_mode == "yes") {
 if(img.length>=1) {
  imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
  summ = summary_img;
 }
 }
 var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
 div.innerHTML = summary;
}
//]]>
</script>

Bây giờ tìm và  thay thế toàn bộ các thẻ

<data:post.body/>

bằng đoạn mã sau đây

        <b:if cond='data:blog.pageType == &quot;item&quot;'>

        <data:post.body/>
        <b:else/>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <data:post.body/>
        <b:else/>
        <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
        <script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
        </script>
        <a class='more' expr:href='data:post.url'><data:post.jumpText/></a>
        </b:if>
        </b:if>

Lưu lại template là hoàn tất

Hướng dẫn tùy chỉnh

Bạn có thể tùy chỉnh các giá trị sau trong đoạn mã

• thumbnail_mode – để “yes” để hiện ảnh thu nhỏ, và ngược lại “no” không hiện ảnh thủ nhỏ.
• summary_img – số lượng ký tự lấy ra từ bài viết (bao gồm cả khoảng trắng) khi có ảnh thu nhỏ.
• summary_noimg – số lượng ký tự lấy ra từ bài viết (bao gồm cả khoảng trắng) khi không ảnh thu nhỏ.
• img_thumb_height và img_thumb_width - chiều dài và chiều rộng của ảnh tính theo px.
• Bạn có thể thay thế chữ Đọc tiếp trong widget Blog tại phần Bố cục.

Lời kết

Đối với những giao diện không qua phức tạp thì việc sử dụng Auto Readmore này khá là thích hợp, tại đoạn js này đoạn văn bản được lấy ra sẽ xóa hết mọi tùy chỉnh vốn có của nó. Nếu bạn muốn giữ lại thì mình sẽ chia sẽ tiếp tục đoạn Auto Readmore khác. Bạn cũng có thể tham khảo qua

• Auto readmore với thumbnail không sử dụng javascript cho Blogger

để tối ưu hơn về tốc độ tải trang, nhưng ít tùy chỉnh.

"nguồn bài viết từ KslZone.NET".

Đọc Bài

CHIA SẺ TEMPLATE JUSTBLUE RESPONSIVE CONVERT TỪ WORDPRESS

Sau một thời gian nghiên cú về giao diện của Blogger và hoàn thành giao diện hiện tại website mình đang sử dụng đây. Mình đã tiếp tục thử Convert nhiều template từ các mã nguồn khác sang Blogger. Template mình share dưới đây là một trong những giao diện đó. Nguồn của nó là đây JustBlue.

Chia sẻ template JustBlue cho Blogger

Template này hiện đang còn một số nhược điểm nhất định như: Chỉnh sửa menu hơi rối do code dài lòng thòng (phải chịu nếu muốn cái menu nó thay đổi - Responsive). Còn về ưu điểm, thumbnail không bị bóp méo hình ảnh, tải nhanh, lớn nhất là Responsive.

Demo - Download

Nếu bạn có bất cứ thắc mắc nào trong quá trình sử dụng Template này, các bạn có thể để lại bình luận ở dưới, mình sẽ cố gắng giúp đỡ tận tình.

Đọc Bài