Bài đăng

Hiển thị các bài đăng có nhãn Thiết kế website

Tạo Slideshow với HTML, CSS và Javascript căn bản

Hình ảnh
Slideshow là một phần rất quan trọng và không thể thiếu trong website hiện nay, thực chất thì đây chỉ là những hình ảnh chạy qua lại chúng thường được đặt ở đầu trang để mô tả những nội dung đáng chú ý của trang vào thời điểm đó. Trong bài này longanit sẽ cùng các bạn xây dựng một Slideshow đơn giản với HTML, CSS và Javascript.



Bước 1: Tạo code HTML
<div class="slideshow-container">
  <h2>longanit.com hướng dẫn tạo slideShow đơn giản</h2>
  <div class="mySlides fade">
    <img src="./images/slide-1.jpg" style="width:100%">
    <div class="text">Nội dung caption của slide đầu tiên!</div>
  </div>

  <div class="mySlides fade">
    <img src="./images/slide-2.jpg" style="width:100%">
    <div class="text">Nội dung caption của slide thứ 2!</div>
  </div>

  <div class="mySlides fade">
    <img src="./im…

Chia sẻ Template Blogger Load cực nhanh SEO tốt

Hình ảnh
SEOFastBlogger là template blogger được thiết kế bởi Gian. Mr với thiết kế đơn giản, 2 cột, tương thích với mọi thiết bị,.. đặc biệt với tốc độ tải trang cực nhanh. Hi vọng bạn sẽ hài lòng với nó.

Chúc các bạn có những trải nghiệm tốt nhất từ template blogger với tốc độ tải trang cực nhanh này, xin cảm ơn!

Nguồn: Để nguyên trong file download có sẵn.
Download

Share Template Blogspot của Phim 12G Bản Đẹp New 2019

Hình ảnh
Các tính năng của Template
Được thiết kế đơn giản, phù hợp với nhiều thiết bị hiện nay, tối ưu cấu trúc,... và còn rất nhiều dang chờ bạn khám phá!!Mẫu này không hề có mã hoá bất cứ bản quyền nào cả, tuy nhiên Player để chạy phim mình sử dụng đã lâu nên bạn có thể tham khảo và thay các Player sử dụng hiện nay. File kèm theo gồm 1420 phim để các bạn thử mẫu và các chức năng.
Xem demo link: http://phim12gcom.blogspot.com/
Download Nếu trong quá trình thực hiện báo lỗi hay gặp khó khăn vui lòng để lại bình luận bên dưới để được hỗ trợ nhé. Chúc các bạn SEO nhanh lên top.

Tạo khung thông báo lấy từ thư viện Bootstrap

Hình ảnh
Như bác bạn đã biết công dụng của bootstrap ngoài việc nó hổ trợ chúng ta bốc cục chia cột cho việc thiết kế website nó còn có rất nhiều compoment khác rất hay mà trong bài viết ngày hôm nay tôi muốn đề cập đến đó chính là Bootstrap Alerts.

Như bạn đã thấy hình ảnh phía trên tôi chụp lại bới 5 mẫu nội dung và màu sắc khác nhau. Tôi sẽ liệt kê các code bên dưới đi theo thứ tự từ trên xuống dưới.
<div class="alert alert-success">
<strong>Success!</strong> This alert box could indicate a successful or positive action.
  </div> <div class="alert alert-info">
<strong>Info!</strong> This alert box could indicate a neutral informative change or action.
  </div> <div class="alert alert-warning">
<strong>Warning!</strong> This alert box could indicate a warning that might need attention.
  </div> <div class="alert alert-danger">
<strong>Danger!</strong> This alert …