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

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 we...
6 Comment 15:39

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!
                                                                                                     
Tuỳ Biến Giao Diện Blogger.com Bằng Stylish Tuyệt Đẹp Tuỳ Biến Giao Diện Blogger.com Bằng Stylish Tuyệt ĐẹpLò Bát Quái8.8stars based on9reviews 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 we...

6 nhận xét: