MASIGNCLEAN101

Tuỳ Biến Giao Diện Blogger.com Bằng Stylish Tuyệt Đẹp

GIỚI THIỆU VỀ STYLISH EXTENSION

Về cơ bản, tiện ích mở rộng Stylish cho phép người dùng tùy chỉnh lại giao diện của bất kỳ trang web nào chỉ với 1 cú nhấp chuột. Có tới hàng ngàn chủ đề, giao diện hay kiểu mẫu được các lập trình viên thiết kế sẵn để bạn lựa chọn. Hầu như mọi thao tác thủ công khi bạn thực hiện để tùy biến lại một trang web bất kỳ, đều được tối ưu hóa trong Stylish, đặc biệt là hoàn toàn miễn phí nữa nhé!

NHỮNG THAY ĐỔI của blogger.com

  • Xóa bỏ thanh top menu và một số thứ không cần thiết.
  • Thu gọn thanh menu bên trái thành dạng trượt (slide menu).
  • Mở rộng khung code và khung đăng bài viết.
  • Chỉnh sửa các nút (button) cho đẹp mắt hơn.
  • V..v... đang cập nhật.

CÁCH THỰC HIỆN


Bước 1. Cài đặt Extension Stylish (Tại đây). Nếu cài đặt rồi thì bỏ qua bước này.


Bước 2Click chuột vào biểu tượng Stylish kế bên thanh địa chỉ, tiếp tục click vào nút 3 dấu chấm, chọn Create New Style.


Bước 3. Dán toàn bộ CSS bên dưới vào khung code hiện ra.
/* Theme Blogger */

header.gb_Xa,.K3JSBVB-i-p{display:none}
#blogger-app{background:#fff}
.rb .K3JSBVB-i-m{padding-top:0}
.K3JSBVB-lb-f,.K3JSBVB-i-C .blogg-tab-separator,button.blogg-menu-button .blogg-disclosureindicator{display:none}
.K3JSBVB-lb-e{top:25px}
.K3JSBVB-lb-l,.K3JSBVB-lb-e{right:18px}
.K3JSBVB-j-a{bottom:-38px}
.CodeMirror{border:1px solid #ededed}
.editor .composeBox{max-width:100%}
#postingComposeBox{width:95%}
.K3JSBVB-kb-l{left:70px;right:10px}
.K3JSBVB-kb-e{left:70px;right:10px;top:40px!important}
.rb .K3JSBVB-i-C{background:#fff}
.blogg-tab .K3JSBVB-r-e{float:right;font-size:20px;width:36px;height:35px;text-align:center;border-radius:100px;background:#ccc;line-height:36px}
.blogg-tab.selected .K3JSBVB-r-e{background:#1da349;color:white}
.K3JSBVB-r-f{padding:0 0 0 15px;transition:.5s}
.rb .K3JSBVB-i-B{left:-14%;z-index:99999;transition:.5s}
.rb .K3JSBVB-i-B:hover{left:0;box-shadow:0 0 50px rgba(0,0,0,.15)}
.rb .K3JSBVB-i-B:hover .K3JSBVB-r-f{padding:0}
.blogg-menu-popup{z-index:99999999999999;box-shadow:0 0 50px rgba(0,0,0,.15)}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-thumb{background:#ccc}
::-webkit-scrollbar-thumb:active{background:#888}
.K3JSBVB-i-m{padding-left:75px}
.blogg-tab .K3JSBVB-A-c{padding:10px 18px}
.K3JSBVB-i-j button .blogg-menu-button-content,.K3JSBVB-i-n,.blogg-menu-button-content .K3JSBVB-i-n{width:100%!important;max-width:100%!important;text-transform:capitalize}
.blogg-menu-popup .popupContent{border:0}
.K3JSBVB-i-j button{background:transparent!important;text-transform:none!important;color:#444!important;font:500 16px Roboto!important}
button.blogg-button,button.blogg-button:hover,button.blogg-button.selected,button.blogg-button.selected:hover,button.blogg-button:active{border:0;outline:0;box-shadow:none;border-radius:100px;background:#f2f3f5;font-size:12px;color:#666;text-transform:uppercase;font-family:Roboto,sans-serif}


Bước 4. Bấm vào nút Specify, chọn URLs on the domain, điền vào blogger.com rồi bấm Add.
Cuối cùng đặt tên và bấm Save là xong!
                                                                                                     
Share This :
Lò Bát Quái
avatar

max hay đúng cái Nam đang cần hihi cảm ơn Lò Bát Hoả nha

15:18 13 tháng 6, 2018
avatar

làm thế nào để https nổi xanh thế ông

00:13 15 tháng 6, 2018
avatar

Chắc tại cái khung nhận xét mới của blog ông làm cho https không xanh.

03:43 15 tháng 6, 2018