Blog Lưu Trữ Kiến Thức

Cách xóa phần cung cấp bởi Blogger Bạn vào phần mẫu –> Click chỉnh sửa HTML –> Click vào một chỗ nào đó trong khung chứa code để hiển  thị nút nháy chuột khi nhập văn bản --> Nhấn Ctrl + F (Blogger sẽ hiển thị cho bạn thanh tìm kiếm) Nhấn từ tìm kiếm và enter: Attribution Chú ý ở dòng code:  <b:widget id=’Attribution1' locked=’true‘ title=” type=’Attribution’> Thay phần: locked=’true’ thành locked=’false‘ Nhấn Lưu Quay trở lại phần Quản lý Blog, nhấn F5 để tải lại trình duyệt, nhấn vào phần Bố Cục widget sẽ hiện thị thêm nút Xóa bỏ. Bước cuối cùng ta xóa nó đi, lưu bố cục lại và xem blog. Chúc các bạn thành công!

Đây là đoạn code CSS pre,i[rel="pre"]{display:block;clear:both;font:12px/15px 'Consolas',Monospace;background:#23241f;color:#f8f8f2;border:1px solid #2980b9;overflow:auto;word-wrap:normal;position:relative;margin:10px 0;padding:5px;text-align:left!important}pre[data-codetype]{padding:40px 5px 5px}pre[data-codetype]:before{content:attr(data-codetype);display:block;position:absolute;top:0;right:0;left:0;background-color:#95a5a6;font:normal 16px/20px 'Yanone Kaffeesatz',sans-serif;color:#fff;padding:7px}pre[data-codetype=HTML]{border-color:#27ae60}pre[data-codetype=CSS]{border-color:#16a085}pre[data-codetype=JavaScript]{border-color:#2980b9}pre[data-codetype=jQuery]{border-color:#34495e}pre[data-codetype=HTML]:before{background:#27ae60}pre[data-codetype=CSS]:before{background:#16a085}pre[data-codetype=JavaScript]:before{background:#2980b9}pre[data-codetype=jQuery]:before{background:#34495e}pre .tag,pre{color:#f9f9f9}pre .variable,pre .params{color:#fd9720}p...

Bạn dán code này vào Tiện ích HTML/Javascript là được rồi đó. <style> /* hiệu ứng cuộn đếm phần trăm - minh quy design */ #cuondemphantram {   display: none;   position: fixed;   top: 0;   right: 20px;   z-index: 500; /* nó sẽ nằm trêm các widget khác có số z-index nhỏ hơn nó */   padding: 3px 8px; /* đẩy lên trên: 3px, bên phải: 8px so với tâm của nó */   background-color: #2187e7; /* màu nền */   color: #fff; /* màu của chữ */   border-radius: 3px; /* bo viền */ } #cuondemphantram:after { /* thêm cho nó có độ bóng xíu */   content: " ";   position: absolute;   top: 50%;   right: -8px;   height: 0;   width: 0;   margin-top: -4px; /* khoảng của nó so với lề trên */   border: 4px solid transparent;   border-left-color: #2187e7; } </style> <div id='cuondemphantram'/> <script type='text/javascript'> //<![CDATA[ var scrollTimer = null; //khai báo $(window).scroll(functio...

Bạn chỉ cần copy code và dán vào khung tiện ích HTML/Javascript. <style> #cssload {background:url( http://www.bentfurn.in/images/loading.gif ) no-repeat center;background-color:rgba(0,0,0,0.36);width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;} </style> <div id='cssload'/> <script type='text/javascript'>  //<![CDATA[  // Loader  $(window).bind("load",function(){$("#cssload").fadeOut(1e3)});  //]]>  </script></div>

Hiệu ứng tuyết rơi chuẩn css3 và html nên không ảnh hưởng nhiều đến tốc độ tải trang so với code khác. Demo mình cài trực tiếp ở bài viết này. Bạn chỉ cần thêm tiện ích HTML/Javascript và dán code bên dưới vào. <style> .snow-container{position:fixed;width:100%;max-width:100%;z-index:99999;pointer-events:none;overflow:hidden;top:0;height:100%} .snow{display:block;position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-animation:snow linear infinite;animation:snow linear infinite} .snow.foreground{background-image:url(" https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-large-075d267ecbc42e3564c8ed43516dd557.png");-webkit-animation-duration:15s;animation-duration:10s } .snow.foreground.layered{-webkit-animation-delay:7.5s;animation-delay:7.5s} .snow.middleground{background-image:url( https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-m...