03/09/2017

Giới thiệu Video Blogger Template làm site chia sẻ video từ YouTube

Nhận thấy trên mạng hiện nay có rất ít Blogger Template có giao diện video đặc biệt là những template chia sẻ video từ YouTube nên mình dành thời gian thiết kế lại template này để góp phần thêm cho giao diện chia sẻ video được phong phú. Blogger template này thực chất đã có từ năm 2014 và được convert từ nền tảng wordprers, mình nhận thấy một điểm rất hài lòng về template này đó là tốc độ tải trang rất ấn tượng không như những theme video khác thường load khá nặng nề. Các bạn có thể xem hình và demo bên dưới.


Giao diện máy tính, laptop có màn hình kích thước 1280px trở lên


Giao diện Tablet, Ipad có kích thước 768px tới 1024 px


Giao diện điện thoại có kích thước 260px tới 600px


Mục đích mình thiết kế giao diện này cho những bạn đã có kênh video từ YouTube, có video đã up lên kênh và muốn có một site riêng nhúng video từ kênh của mình mục đích để chạy quảng cáo. Nếu các bạn muốn thiết kế giao diện như vầy thì số tiền bạn bỏ ra không dưới tiền triệu nhưng với mình thì hoàn toàn miễn phí nghĩa là bạn không cần bỏ ra một đồng nào hết mà vẫn có một blog thiết kế đẹp và hiện đại.

Mình đã thiết kế thay lại hoàn toàn gần như 99% để phù hợp với giao diện phẳng hiện nay qua đó đã tối ưu hết cỡ như nén css, javascript, cắt bớt html, tối ưu nén hình ảnh đến mức nhỏ nhất. Một đểm rất quan trọng mà các bạn cần lưu ý đây là bản full không bị mã hóa do đó đây là bản thiết kế có giao diện thuộc loại Top hiện nay. Dưới đây là những đặc điểm cũa giao diện:
  • Giao diện hiện đại thân thiện rất tinh tế nếu bạn nào chuyên nghiên cứu về giao diện blogspot
  • Giao diện thuần Việt
  • Giao diện đầy đủ tính năng, hỗ trợ chuẩn nhiều thiết bị có kích thước khác nhau từ 260px trở lên.
  • Thiết bị có màn hình được hỗ trợ:  260px; 320px; 360px; 375px; 375px; 384px; 414px; 600px; 768px; 800px; 960px; 1024px trở lên
  • Bố cục gồm Menu, Main chính (1200px) và Footer 4 cột bao gồm cả chân trang phải trái
  • Sticky menu onclick giao diện phẳng rất đẹp.
  • Breadcums được thiết kế lại theo chuẩn Google.
  • Lượt xem bài viết ngoài trang chủ.
  • Thời gian hiển thị bài viết ngoài trang chủ được thay bằng timeago.
  • Ảnh hiển thị bài viết ngoài trang chủ full không bị viền đen như những theme khác
  • Video trong bài viết có kích thước full reponsive
  • Bài viết có nút đăng ký kèm số lượt, có lượt xem video thực, có lượt thích, không thích thực
  • Bài viết có mô tả video, và video liên quan.
  • Phần nhận xét cũng được thiết kế lại với giao diện phẳng.
  • Ảnh từ tiện ích bài đăng phổ biến có kích thước chuẩn 120 x70 không bị mờ.
Các bạn lưu ý giao diện này chỉ được chia sẻ miễn phí cho những bạn nào thật sự sử dụng theme làm video, ai cần có thể liên hệ với mình trên Facebook hoặc để lại lời nhắn dưới phần nhận xét với nội dung như sau:

Tôi cam kết không sử dụng theme này cho mục đích thương mại.
Email: <a href='mailto:địa chỉ email' rel='nofollow'>địa chỉ email</a>

Ví dụ:
Tôi cam kết không sử dụng theme này cho mục đích thương mại.
Email: nguyenanhtuan2401@gmail.com

Xem bài hướng dẫn cài đặt template này tại đây

43 nhận xét
  1. Bác có thể share cho e cái template này được k ạ :) Many thanks bro trước
    email: vietdungak57@gmail.com

    Trả lờiXóa
    Trả lời
    1. em muốn làm blog video à, cho anh xem kênh với

      Xóa
  2. Tôi cam kết không sử dụng theme này cho mục đích thương mại.
    nguyendangnhat2907@gmail.com
    tks bác

    Trả lờiXóa
  3. Tôi cam kết không sử dụng theme này cho mục đích thương mại
    dohieu197@gmail.com
    Tks a :)

    Trả lờiXóa
  4. "Tôi cam kết không sử dụng theme này cho mục đích thương mại " ngolong.nd@gmail.com -thanks anh nhiều

    Trả lờiXóa
  5. Cam kết không sử dụng với mục đích thương mại
    viethung01234@gmail.com

    Trả lờiXóa
  6. Mà cũng hóng a biến temp này thành theme cá nhân

    Trả lờiXóa
  7. Tôi cam kết không sử dụng theme này cho mục đích thương mại.
    pntien20@gmail.com

    Cám ơn anh.

    Trả lờiXóa
  8. Tôi cam kết không sử dụng theme này cho mục đích thương mại.
    Thichtamdinh.budsas@gmail.com - cảm ơn bạn!

    Trả lờiXóa
  9. Tôi cam kết không sử dụng theme này cho mục đích thương mại
    canalscripture@gmail.com

    Trả lờiXóa
  10. Tôi cam kết không sử dụng theme này cho mục đích thương mại.
    Email: địa chỉ email

    Trả lờiXóa
    Trả lời
    1. Tôi cam kết không sử dụng theme này cho mục đích thương mại.
      Email: tiucuong90@gmail.com
      Cảm ơn bạn Tuấn nhé!

      Xóa
  11. Tôi cam kết không sử dụng theme này cho mục đích thương mại.
    Email: thanhsanh.design@gmail.com
    Cảm ơn bác Nguyễn Tuấn ~
    Em đến từ Group Blogspot Blogger Community

    Trả lờiXóa
  12. Tôi cam kết không sử dụng theme này cho mục đích thương mại.
    Email: josmtoan@gmail.com
    cho e xin template làm trang nghe nhạc cá nhân, thank bác

    Trả lờiXóa
  13. cho em 1 nhé:
    lovebloggervn@gmail.com
    cám ơn ạ

    Trả lờiXóa
    Trả lời
    1. Đã gửi mail em nhé
      Em xem bài hướng dẫn cài template tại đây

      Xóa
  14. Tôi cam kết không sử dụng theme này cho mục đích thương mại.
    Email: mrjack.vip.it@gmail.com

    Trả lờiXóa
  15. Trả lời
    1. Em xem bài hướng dẫn cài template tại đây

      Xóa
  16. Tôi cam kết không sử dụng theme này cho mục đích thương mại.
    Email: hauvanvoplus@gmail.com
    A gửi cho em với ạ.

    Trả lờiXóa
  17. Đã gửi mail em nhé
    Em xem bài hướng dẫn cài template tại đây

    Trả lờiXóa
  18. Tôi cam kết không sử dụng theme này cho mục đích thương mại.
    Share e với a
    tranhoa1991gl@gmail.com
    cám ơn a nhé

    Trả lờiXóa
  19. Tôi cam kết không sử dụng theme này cho mục đích thương mại.
    Share e với a
    thuthuatpc9186@gmail.com
    cám ơn a nhé

    Trả lờiXóa

✓ Chèn biểu tượng: :slight_smile:

✓ Chèn email: <a href='mailto:địa chỉ email' rel='nofollow'>địa chỉ email</a>
✓ Chèn link: <a href='link' rel='nofollow'>link</a>
✓ Chèn code: [pre]code[/pre]
✓ Chèn ảnh: [img]link ảnh[/img]
✓ Chèn video: link video YouTube trực tiếp
✓ Tích chọn ô Thông báo cho tôi trước khi xuất bản nhận xét
✓ Nhận xét sẽ bị xóa nếu sử dụng lời lẽ thô tục

sentiment_satisfied Emoticon