Posts

Thẻ Điều Kiện Blogspot Dành Cho Mobile Update 2021

Image
Xin  chào các bạn, Hôm nay mình sẽ chia sẻ tới các bạn  làm thế nào để ẩn hoặc hiển thị widget hoặc mã (JavaScript và jQuery) trên các mẫu Template ở Mobile. Thủ thuật này giúp các bạn mới tập thiết kế Template có thể tự tùy biến bố cục Template trên thiết bị di động.! <b: if cond = 'data: blog.isMobileRequest == & quot; false & quot;'>  Đặt các đoạn mã CSS, Javascript, Widget bạn muốn nó hiển thị trên thiết bị di động vào cặp thẻ <b:if>...</b:if> ở trên. Ví dụ hiển thị CSS, HTML, JavaScript hoặc jQuery trên phiên bản di động: Nếu là CSS <b: if cond = 'data: blog.isMobileRequest == & quot; true & quot;'> <style type='text/css'> CSS </style> </b:if> Tương tự với Java, Widget Ngược lại sẽ có đoạn code giúp bạn ẩn các tiện ích , css , java khi lướt web trên thiết bị di động <b: if cond = 'data: blog.isMobileRequest == & quot; false & quot;'>  Cách sử dụng tương tự nhé.! C

Chia Sẻ Slide Trình Chiếu Ảnh Có Điều Hướng Chỉ Sử Dụng HTML & CSS

Image
Mỗi Blog/Website đều cần có những điểm nhấn riêng để một phần thu hút sự quan tâm của người đọc. và trong đó Slide chạy ảnh đẹp luôn là những điểm nhấn trên 1 Website, blog. Slide đó bạn có thể trình bày những thông tin nổi bật như bài viết, quảng cáo, hình ảnh đẹp...1 hiệu ứng Slide đẹp, load nhẹ. cũng góp phần làm tô điểm thêm cái đẹp và sống động của trang Web. Ở bài viết hôm nay mình giới thiệu tới các bạn Slideshow chạy ảnh chỉ sử dụng Html và Css Viết Css. Đặt nó dưới thẻ ]]></b:skin> .slidershow{   width: 700px;   height: 400px;   overflow: hidden; } .middle{   position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%,-50%); } .navigation{   position: absolute;   bottom: 20px;   left: 50%;   transform: translateX(-50%);   display: flex; } .bar{   width: 50px;   height: 10px;   border: 2px solid #fff;   margin: 6px;   cursor: pointer;   transition: 0.4s; } .bar:hover{   background: #fff; } input[name="r"]{   position: absolute;   visibilit

Tâm sự của những người trẻ Tết này xa quê - Tết Kỷ Hợi 2019

Image
(Bài viết này từ năm 19/02/2018 và tới giờ là gần chuyển sang năm 2019 !! Một sinh viên như mình cũng đang rất háo hức được về quê đón tết với gia đình.!) Một năm mới nữa lại đến chẳng ai muốn ăn Tết một mình nơi không có gia đình, nhưng thực tế là vẫn luôn có những người trẻ đón Tết xa quê với hàng ngàn cảm xúc khác nhau. Tết Nguyên Đán là dịp lễ mà ai cũng mong đợi nhất trong năm bởi đây là ngày để mỗi người có thể trở về tổ ấm sau một năm học hành, làm việc vất vả. Cứ mỗi độ gần đến Tết, ai nấy cũng tất bật hoàn thành nốt công việc trong năm cũ, sửa soạn, sắm sửa tinh tươm để nhanh nhanh trở về nhà đón năm mới cùng gia đình. Thế nhưng, không phải ai cũng có thể gác hết mọi phiền muộn, lo âu trong năm cũ để đón chuyến xe về nhà ăn Tết. Dù trong lòng luôn tồn tại nỗi nhớ nhà, những cảm xúc ngậm ngùi, những nỗi niềm khó tả nhưng vì hoàn cảnh, vì điều kiện không cho phép, hay thậm chí vì bất đắc dĩ mà một số bạn trẻ cũng không thể đoàn tụ cùng gia đình trong ngày năm mới tết đến.

Hover Text Tuyệt Đẹp Bằng CSS Cho Blogspot

Image
Xin chào các bạn, hôm nay mình sẽ chia sẻ nhanh cho các bạn hiệu ứng thú vị khi rê chuột vào Text. Bắt đầu luôn nhỉ ^^ Dưới đây là đoạn code: <div class="middle"> <span class="container"> <div class="text" data-text="DESBLOG">DESBLOG/div> </span> </div> Nhớ đổi chữ DESBLOG nhé Còn đây là phần CSS body{   margin: 0;   padding: 0;   font-family: "montserrat",sans-serif; } .middle{   position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%,-50%); } .container{   position: relative;   display: inline-block;   padding: 0 40px;   cursor: pointer; } .text{   font-size: 100px;   text-transform: uppercase;   font-weight: 900;   position: relative;   color: #34495e; } .text::before{   content: attr(data-text);   position: absolute;   color: #fff;   width: 0;   overflow: hidden;   transition: 0.6s; } .container::before{   content: "";   width: 0%;   height: 100%;   position: absol

Làm Thế Nào Để Ẩn Danh Khi Trực Tuyến / Thủ Thuật Đơn Giản

Image
Làm thế nào để ẩn danh trực tuyến: Quyền riêng tư là quyền cơ bản của con người và điều này cũng mở rộng đến cuộc sống của chúng ta trực tuyến. Quyền riêng tư trực tuyến luôn là một chủ đề nhạy cảm để thảo luận, vì mọi người sẽ không bao giờ muốn tin rằng họ đang bị theo dõi. Bây giờ, tuy nhiên, điều này đã thay đổi. Giữ ẩn danh trực tuyến đã trở nên cần thiết sau một số lần vi phạm dữ liệu trong nhiều năm và rò rỉ về các giao dịch kinh doanh mờ ám liên quan đến dữ liệu người dùng. Sau khi  Facebook, Google và một số sự cố quét qua, người tiêu dùng đã nhận thức rõ hơn về ẩn danh trực tuyến. Các dự án, chẳng hạn như dự án Tor và các nhóm tin tặc, chẳng hạn như ẩn danh ẩn danh đã bỏ qua mối quan tâm về quyền riêng tư trực tuyến của chúng tôi. Để chống lại điều này, Liên minh châu Âu đã thông qua Quy định bảo mật dữ liệu chung (GDPR), có hiệu lực vào ngày 25 tháng 5 năm 2018. Dưới đây là các cuộc xâm phạm quyền riêng tư chính và cách bạn có thể tự bảo vệ mình và ẩn danh: Sử d

Tạo Button Với Hiệu Ứng Tuyệt Đẹp Style 3

Image
DESBLOG. Sẽ hướng dẫn tiếp cho các bạn cách tạo ra một Button có hiệu ứng hover tuyệt đẹp. Với Style 3 này chắc sẽ làm các bạn hài lòng. (Lưu ý: Mình Code hoàn toàn bằng Sublime Text nên có thể bạn sẽ phải chỉnh sửa một số cái đề phù hợp với Blog của mình. Thân !!) Bạn cũng có thể xem lại 2 Style trước: Button Với Hiệu Ứng Cực Đẹp Style 2 Tạo Button Bằng CSS Có Hiệu Ứng Đẹp Cho Blogspot CSS: Thêm đoạn CSS này dưới thẻ ]]></b:skin> body { margin:0; padding: 0; display: flex; align-items: center; justify-content: center; height: 100vh; } .but a { position: relative; padding: 15px 40px; border: 2px solid #111; font-size: 24px; font-family: sans-serif; text-decoration: none; text-transform: uppercase; display: block; box-sizing: border-box; border-radius: 32px; color: #000; overflow: hidden; transition-delay: 1s } .but a:hover{ transition-delay: 1s; color: #fff } .but a:before { content: ''; position: absolute; left: 30px; top: 50%; transform: translateY(

Facebook tạo tiền ảo để người dùng gửi cho nhau qua tin nhắn ! Hay quá nhỉ

Image
Đồng tiền mã hóa do Facebook tạo ra sẽ có khả năng quy đổi trực tiếp ra USD của Mỹ. Theo CNET, Facebook đang chuẩn bị cho phát hành một loại tiền mã hóa để giúp người dùng có thể chuyển tiền cho nhau. Đây là một tính năng đang được Facebook phát triển cho ứng dụng nhắn tin WhatsApp. Trước đó hồi tháng 5, Facebook từng cho biết đang cân nhắc phát triển một loại tiền kỹ thuật số nhằm đảm bảo cho việc thanh toán trực tuyến được diễn ra an toàn. Tại thời điểm đó, Facebook duy trì một nhóm nghiên cứu và phát triển Blockchain - công nghệ cốt lõi của những đồng tiền ảo như Bitcoin hay Ethereum. Theo Bloomberg, Facebook có thể đi trước các đối thủ của mình một bước khi đồng tiền mã hóa của mạng xã hội này đã sẵn sàng cho việc phát hành. Công ty này đang có ý định gắn tỷ giá cụ thể cho đồng tiền ảo của mình theo USD, Bloomberg cho biết. Mặc dù vậy, Facebook vẫn đang tiến hành nghiên cứu chiến lược phát triển và cách đảm bảo giá trị cho đồng tiền của mình. Theo: Vietnamnet.vn

Chia Sẻ Template Mod Giao Diện Đơn Giản Cho Blogger

Image
Cái gì có mình Share ! Hihi  Như các bạn đã thấy, trước khi mình đổi giao diện sang Template hiện tại thì mình đã từng vừa sử dụng Template này vừa dần dần hoàn thiện nó. Nhưng vì một số lí do cá nhân mình đã dừng Edit và chuyển sang giao diện mới này ! Như Demo hình ảnh các bạn đã thấy, thì Temp này có một giao diện khá đơn giản, dễ nhìn, bố cục rõ ràng 2 phần và Load khá mượt :))).... Mình nói nhé ! Mình không xóa bản quyền mà chỉ tùy biến chút ít thôi vì vậy nó chưa hoàn thiện và mình cũng ít thời gian để Edit nó thế nên :)))) Vậy nha, hãy mày mò để biết thêm chi tiết về Template nhé !!! Link Dow: Đây nhé!