Mê Thủ Thuật

Bài đăng

Đang hiển thị bài đăng từ Tháng 3, 2018

Tạo Widgets Bài VIết Ngẫu Nhiên Cho Blogspot

tháng 3 29, 2018

Xin chào các bạn, đã đến với blog của mình hôm nay ở bài viết này mình xin chia sẻ cách Tạo Widgets Bài VIết Ngẫu Nhiên Cho Blogspot Bước 1: Truy cập blog ==> Bố cục ==> Thêm tiện ích ==> HTML/JavaScript ==> Dán đoạn code bên dưới vào khung HTML <style> /*random posts*/ #random-posts img{float:left;margin-right:10px; background:#FFF;width:50px;height:50px; border-radius: 50%} .li_rd_post_tkn {margin-bottom: 7px!important; list-style: none; line-height: 23px; padding: 0!important; margin-top: 0!important; margin-left: 0!important; margin-right: 0!important} .a_rd_post_tkn { color: #000!important; text-decoration: none!important; font-family: Roboto; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .svc_rd_post { font-size: 14px; font-family: Roboto; font-weight: 400; color: #878787; padding-top: 3px } .rcs_tkn1 { background: #f4f4f4; padding: 2px; padding-left: 10px; padding-right: 10px; border-rad...

Đọc thêm

Tài liệu học AI, Photoshop 2017 dành cho người mới bắt đầu

tháng 3 28, 2018

Xin chào các bạn, đã đến với blog của mình hôm nay ở bài viết này mình xin chia sẻ flie học Illustrator, Photoshop, Animate 2017 thông qua bài tập thực tế file bao gồm 57 video. Tải File bên dưới Download

Đọc thêm

Cách Tạo Trang Báo Lỗi "Error 404" Giống Quí Đz Cực Ngầu

tháng 3 27, 2018

Xin chào các bạn, đã đến với blog của mình hôm nay ở bài viết này mình xin chia sẻ cách trang báo lỗi error giống Nguyễn Ngọc Quí Đz, cực ngầu và độc. Bước 1: Chèn đoạn code bên dưới sau thẻ <body> HTML/ CSS <b:if cond='data:blog.pageType == "error_page"'><style>body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:100vh;font-family:"Bad Script",cursive;font-size:16px;background:#f2f2f2} .wrap-404{overflow:hidden;padding:2rem 1rem} .label{text-align:center;font-size:.75em} .numbers{padding:2rem 0 0;text-align:center} .number{position:relative;display:inline-block;width:150px;-webkit-transform:translateX(60%);transform:translateX(60%)} .four{position:relative;width:30px;height:150px;border:1px solid #000} .four::before,.four::after{content:'';position:absolute;...

Đọc thêm

Cách Tạo Nút Button Hiệu Ứng Hover Cực Đẹp Cho Blogger

tháng 3 25, 2018

Xin chào các bạn mình đã quay lại rồi đây đã lâu rồi mình không đăng bài thì hôm nay mình xin chia sẻ chút thủ thuật nhỏ, tạo nút button với hiệu ứng hover cực đẹp cho blogger Tạo Button Hiệu Ứng Hover Cực Đẹp Bước 1: thêm CSS trước thẻ ]]></b:skin> CSS /* Hover Button */ .btn-quidz { display: flex; height: 100%; justify-content: center; align-items: center; } .btn-quidz { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hover-button { color: white; font-family: 'Roboto', helvetica; background-color: dodgerblue; border: 0; border-radius: 0.5rem; padding: 1rem 2rem; font-size: 1rem; cursor: pointer; letter-spacing: 4px; font-weight: 100; text-transform: uppercase; -webkit-box-shadow: 16px 26px 35px 0px rgba(0, 0, 0, 0.3); ...

Đọc thêm

Cách tạo trang báo lỗi 404 giống Twitter cực ngầu

tháng 3 17, 2018

Xin chào các bạn mình đã quay lại rồi đây đã lâu rồi mình không đăng bài thì hôm nay mình xin chia sẻ chút thủ thuật nhỏ, tạo trang báo lỗi 404 giống Twitter cực ngầu. Tạo Trang Báo Lỗi 404 Giống Twitter Bước 1: Chèn đoạn code bên dưới sau thẻ <body> <b:if cond='data:blog.pageType == "error_page"'> <style> body {overflow:hidden!important} #fb-error-page{position:relative;display:table;width:100%;height:100vh;margin:0!important;padding:0!important;z-index:999;background:#1DA1F3;} .fb-error-page_content{position:relative;z-index:3} .intro_label h2{font-size:40px;font-weight:500;color:#fff;font-family:"Roboto",sans-serif;} .intro_label p{font-size: 16px; font-weight: 400; color: #f3f3f3; margin: 0; padding: 0; letter-spacing: 2px} .intro_label{margin:0 auto;text-align:center;padding:2} .btn-error-page {color: #fff!important; display: inline-block; margin: 1.5em 3px; font-size: 14px; font-weight: 500;} .btn-error-page:after{co...

Đọc thêm

Hiển thị nội dung trong suốt trên thumbnail đơn giản và đẹp

tháng 3 01, 2018

Xin chào các bạn, đã đến với blog của mình hôm nay ở bài viết này mình xin chia sẻ tới các bạn 1 hiệu ứng đẹp nhưng vô cùng đơn giản. Đó là hiện đoạn text trong suốt trên thumbnail. Thủ thuật chỉ dùng CSS và HTML, không có Javascript nên không ảnh hưởng nhiều đến tốc độ tải trang. Bước 1: Đăng nhập Blogger ==> Bố cục ==> Thêm tiện ích ==> HTML/Javascript Bước 2: Dán đoạn code bên dưới vào khung HTML ==> Lưu <style> *{box-sizing:border-box;}.container{position:relative;max-width:800px;margin:0 auto;}.container img{vertical-align:middle;}.container .content{position:absolute;bottom:0;background:rgba(0,0,0,0.5);color:#f1f1f1;width:100%;padding:10px;}.content {opacity: 0.7;} </style> <div class="container"> <img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3BWrj2bj90apxpSCOcvMtCodkqPl8IF5HiUL4Ixv1btFqV2J-M9A47Erff2_29txdM7-Eb82gThYNX0QxWpmXa5sTgs7BMVS3bMhhfLlR4eOdqR_pJT14dXKzoggSNAJKgaCuGGS-o0Q/s1600/Qu%25C3%25AD+%25C4%...

Đọc thêm