Trong các bài viết ta thường hay dùng các đường link để tải về các tập tin hoặc dẫn link cho khách đăng ký, để làm nổi bật những đường link này ta thường dùng Button để cho khách dễ dàng nhìn thấy những đường link đó nhưng khi ta viết bài trong blogspot thì sẽ phải thêm nút button đó bằng tay rất bất tiện mỗi khi viết bài, vì vậy hôm nay mình sẽ hướng dẫn các bạn 2 cách có thể dùng button một cách dễ dàng nhanh chóng không mất thời gian của bạn quá lâu.
Cách 1 : Cách này có thể dùng được cho mọi nơi nếu bạn thêm mã code vào nhưng lâu hơn cách 2, đầu tiên bạn vào phần thêm mã CSS này cho blogspot hoặc phía trên ]]></b:skin> trong temp blogspot.
.post-body a.button {display: inline-block;height: 34px;background-color: #4a6e02;color: #fff;line-height: 34px;text-align: center;cursor: pointer;padding: 0 20px;border-radius: 10px;text-decoration: none;}
Vậy là bạn đã thêm thành công Button cho blogspot của bạn rồi và bây giờ mỗi khi viết bài hoặc ở nội dung nào đó bạn chỉ cẩn thêm đoạn mã này vào HTML là nút button sẽ xuất hiện bạn chỉ sửa tên và đường link truy cập là được
<div style="text-align: center;"><a class="button" href="#">Link Button</a></div>Cách 2: Cách này nhanh và tiện hơn nếu bạn sử dụng cách này, trong lần tìm kiếm cách tạo nút button mình thấy khá ít và rườm ra nên mình đã nghĩ ra 1 cách đó là trong thanh công cụ bài viết Blogspot có phần gạch ngang chữ thường không hay sử dụng, nên mình sẽ biến nó thành nút Button cho blog, mỗi lần viết bài bạn muốn thêm button chỉ cẩn bôi đen dòng chữ đó và thêm gạch ngang chũ cho nó, tự nó sẽ biến thành nút button, bạn chỉ cần thêm đoạn mã này vào CSS trong blogspot hoặc phía trên ]]></b:skin> là được.
.strike a{display: inline-block; height: 34px;background-color: #4a6e02; color: #fff;line-height: 34px;text-align:center;cursor: pointer; padding: 0 20px;border-radius: 10px;text-decoration: none;}
Tags:
Blogger
