Bài đăng

BÀI ĐĂNG NỔI BẬT

Khung chứa code cho Blogger (Blogspot) - Phần 3

bạn dùng đoạn code sau: pre {  white-space: pre-wrap;       /* css-3 */  white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */  white-space: -pre-wrap;      /* Opera 4-6 */  white-space: -o-pre-wrap;    /* Opera 7 */  word-wrap: break-word;       /* Internet Explorer 5.5+ */ } Để xuất hiện khung code bạn viết như sau: <pre>hshsususu suisiissisi jsjsjssjsjsjs sjsjsjsjsks </pre> Demo: hshsususu suisiissisi jsjsjssjsjsjs sjsjsjsjsks chúc các bạn thành công

Hướng dẫn xóa Created By Sora Templates cho Blogger

Bước 1: Vào chỉnh sửa theme, tìm kiếm CDATA, bấm Ctrl + F để tìm cho nhanh.  Bạn hãy tìm và copy từng đoạn để thử ví dụ có đoạn var _0xdc81=["\x35\x20\x45\x28\x6C\x2C\x30\x29\x7B\x69\x20\x31\x3D\x47\x3B\x69\x20\x33\x3D\x46\x3B\x6D\x3D\x27\x3C\x72\x20\x44\x3D\x22\x27\x2B\x31\x2B\x27\x22\x20\x43\x3D\x22\x27\x2B\x33\x2B\x27\x22\x20\x42\x3D\x22\x27\x2B\x6C\x2E\x62\x28\x27\x2F\x41\x2D\x63\x2F\x27\x2C\x27\x2F\x77\x27\x2B\x31\x2B\x27\x2D\x68\x27\x2B\x33\x2B\x27\x2D\x63\x2F\x27\x29\x2B\x27\x22\x20\x7A\x3D\x22\x27\x2B\x30\x2E\x62\x28\x2F\x22\x2F\x67\x2C\x22\x22\x29\x2B\x27\x22\x20\x38\x3D\x22\x27\x2B\x30\x2E\x62\x28\x2F\x22\x2F\x67\x2C\x22\x22\x29\x2B\x27\x22\x2F\x3E\x27\x3B\x6E\x28\x30\x21\x3D\x22\x22\x29\x6F\x20\x6D\x3B\x79\x20\x6F\x22\x22\x7D\x24\x28\x78\x29\x2E\x73\x28\x35\x28\x29\x7B\x24\x28\x27\x23\x66\x27\x29\x2E\x74\x28\x22\x75\x20\x76\x20\x3C\x61\x20\x39\x3D\x27\x37\x3A\x2F\x2F\x6B\x2E\x6A\x2E\x36\x2F\x27\x20\x65\x3D\x27\x64\x27\x20\x71\x3D\x27\x70\x27\x20\x38\x3D\x27\x34\x2...

Hiển thị các bài viết theo nhãn cho Blogger (Blogspot)

Để xuất hiện các bài viết cùng một nhãn cho blogger/blogspot bạn dùng đoạn javascript sau: <!-- Recent Posts by Label Start -->  <script type="text/javascript">  function recentpostslist(json) {  document.write('<ul>');  for (var i = 0; i < json.feed.entry.length; i++)  {  for (var j = 0; j < json.feed.entry.link.length; j++) {  if (json.feed.entry.link[j].rel == 'alternate') {  break;  }  }  var entryUrl = "'" + json.feed.entry.link[j].href + "'";//bs  var entryTitle = json.feed.entry.title.$t;  var item = "<li>" + "<a href="+ entryUrl + '">' + entryTitle + "</a> </li>";  document.write(item);  }  document.write('</ul>');  }  </script>  <script src=" http://blogluutrukienthuc.blogspot.com/feeds/posts/summary/-/MyLabel ?max-results=8&alt=json-in-script&callback=recentpostslist"></script...

Khung chứa code cho Blogger (Blogspot) - Phần 2

css: .post-body pre {   background: #eee;   color: #333;   padding: 5px;   max-width: 100%;   overflow: auto;   overflow-y: hidden; } .post-body code {   line-height: 2;   background: #333;   color: #55e439;   padding: 5px;   max-width: 100%;   overflow: auto;   overflow-y: hidden;   margin-top: 5px; } Để xuất hiện khung pre bạn viết như sau: <pre> code pre... </pre> code 1234567891717282828283939939392922929299229 38392929292929292929292929922929 2929292929292929292929292929292929 Để xuất hiện khung code ta viết như sau: <code> code... </code> code... 161617828229922992929292929229 hdhsusisissisisisisisisisi uissiissisisisisisisisisisisi

Xóa widget "Cung cấp bởi Blogger" cho Blogger (Blogspot)

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!

Khung chứa code cho Blogger (Blogspot)

Đâ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...

Hiệu ứng đếm phần trăm khi cuộn trang cho Blogger (Blogspot)

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...