Thẻ: Thủ Thuật Blogger

Chào các bạn, thumbnail trong blogspot khá quan trọng tuy nhiên có một số vấn đề đó là một số blog hiển thị thumbnail rất mờ và không đúng tỉ lệ kích thước. Thường thì kích thước thumbnail mặc định sẽ là 72px x 72px sẽ làm cho thumbnail hiển thị rất mờ, hoặc kích thước thumbnail sẽ hiển thị ở kích thước s1600 đây là kích thước thumbnail rất lớn làm cho tốc độ tải trang của bạn chậm đi. Dưới đây là cách để có thể thay đổi…

Read More

Chào các bạn, theo yêu cầu một bạn độc giả hôm nay mình viết bài này để hướng dẫn các bạn thêm chèn biểu tượng icon facebook vào comment blogger thật đơn giản. CÁCH THỰC HIỆN Bước 1: Các bạn truy cập blogger chọn Chủ đề -> Chỉnh sửaBước 2: Các bạn tìm thẻ ]]></b:skin> rồi copy đoạn code sau và dán lên trên nó .comment_emo_list{padding:0;margin:0 0 15px;clear:both;float:left}.comment_emo_list .item{float:left;text-align:center;height:40px;width:40px;margin:0;padding:6px;transition:.33s;border-radius:50px}.comment_emo_list .item:hover{user-select:all;-moz-user-select:all}.comment_emo_list span{user-select:all;-moz-user-select:all;display:block;font-weight:500;font-size:20px;letter-spacing:0;color:#c7c7c7;transition:.33s}img.comment_emo{width:25px;height:25px;pointer-events:none;-webkit-user-select:all} Bước 3: Tiếp theo các bạn tìm đến thẻ <div id=’threaded-comment-form’> rồi copy đoạn code bên dưới và dán bên dưới thẻ đó. <div id=’emo-box’ style=’display: none;’><div…

Read More

Chào các bạn, hôm nay mình sẽ hướng dẫn các bạn cách để thêm code đếm lượt xem một bài viết trong blogger.Thủ thuật này thì cũng có nhiều bài viết trên mạng rồi nhưng hôm nay mình vẫn viết bài viết này để hướng dẫn chi tiết cho các bạn để làm được. Các bạn có thể xem demo như hình bên dưới HƯỚNG DẪN CÁCH LÀM Đầu tiên các bạn truy cập https://firebase.google.com/ rồi nhấn vào GO TO CONSOLE Sau đó các bạn nhấp vào tạo Project mới Tiếp theo các bạn điền…

Read More

Chào các bạn, trong khi thiết kế cũng như chỉnh sửa template rất nhiều bạn gặp phải lỗi văn bản bị tràn ra khỏi lề hoặc là nhìn rất rối mắt.Trong bài này mình sẽ hướng dẫn các bạn cách giới hạn số dòng mà đoạn văn bản có thể hiển thị bằng cách sử dụng CSS HƯỚNG DẪN CÁCH LÀM Khi bạn muốn tùy chỉnh giới hạn số dòng văn bản cho một đoạn nào đó, các bạn chỉ cần thêm đoạn css sau vào các thẻ class hoặc id…

Read More

Chào các bạn hôm nay mình sẽ giới thiệu đến các bạn những cách mã hóa javascript cũng như những dạng mã hóa phổ biến và cách giải mã chúng. 1. MÃ HÓA DẠNG HEX Mã hóa này sẽ có dạng như sau: var _0xb89f=[“x53x61x79x48x65x6Cx6Cx6F”,”x47x65x74x43x6Fx75x6Ex74];function may(){var _0xedb9x2=_0x6360[0]} Để có được mã hóa dạng này các bạn truy cập và mã hóa tại trang web sau: https://javascriptobfuscator.com/Javascript-Obfuscator.aspx  Để giải mã các đoạn mã loại này bạn có thể sử dụng trang web sau: http://jsbeautifier.org/ 2. MÃ HÓA DẠNG EVAL(FUNCTION(P,A,C,K,E,R) Để có được mã hóa…

Read More

Chào các bạn ở bài viết này mình sẽ hướng dẫn các bạn cách nâng cấp giao diện phần bố cục của blogger lên phiên bản mới với nhiều ưu điểm Dưới đây là demo phần bố cục mà template mình đang sử dụng 1. NÂNG CẤP B:SKIN Sau khi nâng cấp b:Skin lên phiên bản mới sẽ hỗ trợ đầy đủ các tính năng CSS script và Webkit mới nhất.Để thực hiện việc nâng cấp các bạn chỉ cần vào Chủ đề >> Chỉnh sửaSau đó các bạn tìm dòng code sau <b:skin> Và thay thế…

Read More

Chào các bạn, hôm nay tôi sẽ hướng dẫn cho các bạn cách tạo lightbox tuyệt đẹp khi bạn click vào một hình ảnh trong bài viết blogger. XEM DEMO CÁCH THỰC HIỆN Đầu tiên các bạn vào Chủ đề -> Chỉnh sửa Các bạn tìm đến thẻ ]]></b:skin> rồi copy đoạn code sau và dán lên trên nó html{-ms-touch-action:manipulation;touch-action:manipulation}button{border:none;cursor:pointer}#imagelightbox{cursor:pointer;position:fixed;z-index:10000;-ms-touch-action:none;touch-action:none;-webkit-box-shadow:0 0 3.125em rgba( 0,0,0,.75 );box-shadow:0 0 3.125em rgba( 0,0,0,.75 )}#imagelightbox-loading,#imagelightbox-loading div{border-radius:50%}#imagelightbox-loading{width:2.5em;height:2.5em;background-color:rgba( 0,0,0,.5 );position:fixed;z-index:10003;top:50%;left:50%;margin:-1.25em 0 0 -1.25em;-webkit-box-shadow:0 0 2.5em rgba( 0,0,0,.75 );box-shadow:0 0 2.5em rgba( 0,0,0,.75 )}#imagelightbox-loading div{margin:25%;width:1.25em;height:1.25em;background-color:#fff;-webkit-animation:imagelightbox-loading .5s ease infinite;animation:imagelightbox-loading .5s ease infinite}@-webkit-keyframes…

Read More

Chào các bạn, hôm nay rảnh rỗi ngồi nghịch một tí CSS cho form đăng ký bài viết qua Email trên Blogspot. CÁC BƯỚC THỰC HIỆN Bước 1. Chèn CSS này vào trước thẻ ]]></b:skin> #subscribe-form-bacsiwindows h2{margin:0;padding:0;font:500 32px Roboto;color:#ffd969}#subscribe-form-bacsiwindows h3{color:#fff;font:300 20px Roboto;line-height:1.75;margin:15px 0;letter-spacing:-.5px}#subscribe-form-bacsiwindows{background:linear-gradient(125deg,#7577a9 0,#35353c 100%);text-align:center;display:block;padding:55px 20px;box-sizing:border-box;position:relative;width:100%}.form-sub-bacsiwindows{text-align:center;margin-top:20px;color:#fff}.input_sub-bacsiwindows{background:rgba(0,0,0,0.1);border:0;padding:15px 15px 15px 60px;font:400 16px Roboto;color:#fff;width:20%;;outline:0}input.input_sub-bacsiwindows::-webkit-input-placeholder{color:#fff}input.input_sub-bacsiwindows::-moz-placeholder{color:#fff}input.input_sub-bacsiwindows:-ms-input-placeholder{color:#fff}.input-sub-bacsiwindows{display:inline;margin:12px 13px}.input-sub-bacsiwindows i{background:rgba(0,0,0,0.2);color:#fff;margin:0;padding:16px;position:absolute}.form-sub-bacsiwindows .buter{background:#7577a9;border-radius:0;color:#fff;display:block;margin:25px auto 0;padding:12px 0;transition:.35s;width:250px;cursor:pointer;outline:0;border:double #4e4f67;font:400 16px Roboto;letter-spacing:.0535354125em}.form-sub-bacsiwindows .buter:hover{opacity:.69} Bước 2. Chèn đoạn code này vào nơi bạn muốn hiển thị, nên để nó ở cuối trang giống Bác Sĩ Windows. <div id=’subscribe-form-bacsiwindows’><h2>ĐĂNG KÝ BÁC SĨ WINDOWS</h2><h3>Khi có bài viết mới,…

Read More