Blogtuan.info

Tiếp tục một bài hưỡng dẫn về Blogspot nữa, hôm nay mình sẽ hưỡng dẫn các bạn tạo Left Sidebar Menu cho Blogspot. Dưới đây là CSS .sidebar{ position: fixed; top: 0; left: -22%; width: 22%; height: 100%; background: rgba(0,0,0,.95); transform: 0.5s; transition: 0.5s; } .sidebar.active { left: 0; transition: 0.5s; } .toggle{ position: absolute; top:50%; right:-50px; width: 50px; height: 50px; background: transparent; transform: translateY(-50%); cursor: pointer; display: flex; justify-content: center; align-items: center; } .toggle:before { content:''; position: :relative; left:0; width:20px; height: 20px; border-top: 4px solid #fd0; border-right: 4px solid #fd0; transform: rotate(45deg); transition:0.5s; } .sidebar.active .toggle:before{ transform: rotate(225deg); left: 10px; } .sidebar ul{ margin: 0; padding: 0; transition: 0.5s; padding: 40px; } .sidebar ul li { list-style: none; } .sidebar ul li a { position: rel

Bài viết này mình sẽ hướng dẫn cho các bạn tạo một button bằng Css nhưng lại có hiệu ứng khá đẹp cho blogspot.

Tiếp một bài viết nữa về Blogspot, hôm nay mình xin chia sẻ các bạn bộ code Social Icons Button khá đẹp bằng CSS.

Tiếp tục những bài viết về Blogger, thì hôm nay mình sẽ hưỡng dẫn các bạn tạo hiệu ứng lật thẻ 3D cho blogspot.

Hôm nay, mình sẽ viết bài chia sẻ cách tạo Slide bài viết hiển thị tại trang chủ Blogger Responsive, Code này mình Viewsource từ một THEME mình từng sử dụng mà mình quên  :'(( Làm đẹp bằng CSS .cycle-slideshow{width:100%;height:300px;display:block;text-align:center;z-index:0;overflow:hidden;    margin-bottom: 10px;position:relative;}.cycle-slideshow ul{width:100%;height:100%;height:100vh;padding:0;}.cycle-slideshow li{width:100%;height:100%;margin:0;padding:0;}.cycle-prev,.cycle-next{position:absolute;top:0;width:11%;opacity:.92;filter:alpha(opacity=92);z-index:800;height:100%;cursor:pointer;-o-transition:.25s;-ms-transition:.25s;-moz-transition:.25s;-webkit-transition:.25s;opacity:0;}.cycle-slideshow:hover .cycle-prev,.cycle-slideshow:hover .cycle-next{opacity:1;}.cycle-prev{left:10px;position:absolute;top:50%;margin-top:-15px;color:#fff;outline:0;z-index:999;height:30px;width:30px;font-size:25px;line-height:30px;text-align:center;border-radius:50%;-o-transition:.25s;-ms-trans

Tiếp tục mình sẽ chia sẻ tới các bạn cách Tạo Ra Page Giới Thiệu Thành Viên Chuyên Nghiệp Trên Blogspot chỉ bằng CSS một chút JAV. Khá hấp dẫn phải không ?? CODE & CSS Dưới đây là đoạn CSS CSS: Thêm đoạn này dưới thẻ ]]></b:skin> body {      margin: 0;      padding: 0;      width: 100%;      height: 100%;      background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi28r3nNhBaHMRaPBCCtkMlkaGe93-T0ieN-CtVbuvZVYOVVfWk_A5PXVsMOq-C-DvvQwcMi3qcyFTKGva7t-oCSXhy7dX6zzw3DWOIIIDtezH1HGSapCSWEvbWGH89FYOTnO-19NdMGXQZ/s640/heroBg.jpg);      background-size: cover; } .slider {      width: 100%;      position: absolute;      top: 54%;      trasform: translateY(-50%); } .slick-slide:focus {      outline: none; } .slick-slide img {      width: 52%; } .slick-slide {      transition: all ease-in-out 1s;      opacity: .2; } .slick-active {      opacity: .2; } .slick-current {      opacity: 1; } h3 {      font-family: Poppins;      color: #f12929;      text-transform

Như tiêu đề bài viết, đây chỉ là một đoạn code dạo. Nó khiến cho đôi mắt phải dõi theo con trỏ chuột của bạn !!

Để làm cho trang WEB của bạn trở nên mới lạ đối với từng người đọc trách nhàm chán với giao diện hiện tại ? Một trong số đó là thay đổi màu nền Blogspot 

Đơn giản là bạn không muốn mọi người tùy tiện copy bài trên blog của bạn khi chưa được sự đồng ý của bạn, thì đoạn code sau sẽ giúp bạn vô hiệu hóa sự quét khối trên blog để ngăn việc copy các bài viết.