Tạo tiện ích chuyển đổi màu sắc tùy thích cho blogspot | Quang Hải Blog

Chào các bạn, theo yêu cầu của 1 số blogger thì hôm nay mình sẽ viết bài chia sẻ thủ thuật chuyển đổi màu sắc tùy thích cho blog.

Ưu điểm của tiện ích này là: Gọn - nhẹ, dễ sử dụng. Khuyết điểm là không lưu cache. Và đây là cách để thêm nó vào blog của bạn. HƯỚNG DẪN CÁCH LÀM: Bước 1: Vào trang chỉnh sửa HTML và thêm đoạn code bên dưới vào chỗ bạn muốn nó hiển thị

Bước 2: Tiếp đến tìm thẻ ]]> và dán đoạn css bên dưới lên trên thẻ vừa tìm /* Change color */ .changecolor{width:100%;float:left;box-sizing:border-box;margin-bottom:5px} .changecolor a{width:26px;height:26px;border:2px solid rgba(0, 0, 0, 0.2784313725490196);line-height:0;margin:0 8px 8px 0;display:block;float:left;background-color:#555;border-radius:100%;text-align:center} .changecolor a:nth-child(10),.changecolor a:nth-child(20){margin-right:0px} .changecolor a:focus{border:2px solid rgba(0, 0, 0, 0.45)} .changecolor a:focus:before{content:"\f00c";font-family:'FontAwesome';font-size:12px;color:#fff;line-height:23px} Bước 3: Tìm và dán đoạn js bên dưới lên trên nó Chú ý: .code-doi-mau,#code-doi-mau các bạn thay đoạn code muốn đổi màu .code-doi-nen,#code-doi-nen các bạn thay đoạn code muốn đổi nền .code-doi-vien,#code-doi-vien các bạn thay đoạn code muốn đổi viền (border) Các bạn có thể thay đổi mã màu yêu thích cho mình nhé. Chúc bạn thành công !