Hôm nay là

Thủ thuật định dạng thanh trượt cho blogspot

Thứ Năm, 5 tháng 9, 2019 - - 2 comments - lượt xem


Thủ thuật định dạng thanh trượt cho blogspot


Xin giới thiệu với bạn một thủ thuật nhỏ giúp trang trí Blogspot của bạn thêm hoàn thiện.

Có bao giờ bạn vào một trang web thấy thanh trượt (scrollbar) của nó khá nổi bật và đẹp mắt mà không biết áp dụng trên blog của mình như thế nào không? 

Thật ra cách làm cũng rất đơn giản. Bạn chỉ cần làm theo các bước sau:

  1. - Vào Mẫu (Template) chọn Chỉnh sửa HTML
  2. - Tìm dòng lệnh ]]></b:skin> và dán bên trên nó đoạn code dưới đây 
::-webkit-scrollbar{height:8px;width:10px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 2px 2px 3px #e0e0e0;background:#fff;border:0 solid #000}::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 2px 2px 3px #15f305;background:#15f305}Trong đó:
height:8px; là chiều cao tối thiểu của thanh trượt (scrollbar)
width:10px; là chiều rộng của thanh trượt (scrollbar)
-webkit-box-shadow:inset 2px 2px 3px #15f305; định dạng đổ bóng cho thanh trượt (scrollbar). Bạn nào không muốn đổ bóng thì cứ để màu trùng với màu của thanh trượt là được nhé.
background:#15f305 là màu của thanh trượt (scrollbar)

Bạn hãy chỉnh lại những thông số trên cho phù hợp với Blog của mình nha! 
Chúc thành công!


Nguồn:

http://blogduykhanh.blogspot.com/2015/07/huong-dan-dinh-dang-thanh-truot-blogspot.html

2 nhận xét:

  1. Cơ bản nhưng đầy đủ

    Thanks

    Trả lờiXóa
    Trả lời
    1. >:D<

      https://scontent.fsgn3-1.fna.fbcdn.net/v/t1.0-9/71958530_119021092837015_2306298649409224704_o.jpg?_nc_cat=111&ccb=2&_nc_sid=6e5ad9&_nc_ohc=_byhm4AFyMMAX8IK15h&_nc_ht=scontent.fsgn3-1.fna&oh=4a7ad6fc96ab608990865117318f9382&oe=5FEB2B9E

      Xóa

Hướng dẫn viết nhận xét:
- Dán link ảnh trực tiếp vào khung nhận xét không cần dùng thẻ.
* Chú ý: Link ảnh phải đặt cuối cùng. Sau link ảnh đã dán, không gõ thêm bất kỳ ký tự nào nữa, kể cả nhấn Enter.
- Thêm một vài biểu tượng cảm xúc...

Tiện ích hướng dẫn comment và ký tự emoticons Zing

Hướng dẫn viết nhận xét:
- Gõ (hoặc copy và dán) ký tự bên phải biểu tượng cảm xúc muốn chọn vào khung nhận xét.
- Dán link ảnh trực tiếp vào khung nhận xét không cần dùng thẻ.
* Chú ý: Link ảnh phải đặt cuối cùng. Sau link ảnh đã dán, không gõ thêm bất kỳ ký tự nào nữa, kể cả nhấn Enter.
:)) :(( :) :-ss =)) :( :d @-) :p :-o [-( :-? :-t b-( =d>

Tiện ích hướng dẫn comment và ký tự emoticons Yahoo

Hướng dẫn viết nhận xét:
- Gõ (hoặc copy và dán) ký tự bên phải biểu tượng cảm xúc muốn chọn vào khung nhận xét.
- Dán link ảnh trực tiếp vào khung nhận xét không cần dùng thẻ.
* Chú ý: Link ảnh phải đặt cuối cùng. Sau link ảnh đã dán, không gõ thêm bất kỳ ký tự nào nữa, kể cả nhấn Enter.
:(( :( :)) ~X( :-h :-? b-) *-:) ~O) @};- >:D< =)) :) :-* :D [-X x( :-o =D> :@) :P :"> ;;) ;) :X =(( :-/