Có rất nhiều bài hướng dẫn cách tạo khung cho bài viết hoặc phần trích dẫn bài viết trong blogspot bằng cách chèn một đoạn mã vào mỗi bài viết, cách này rất khả thi nhưng không hiệu quả và mất thời gian. Hôn nay tôi xin hướng dẫn các bạn một thủ thuật nhỏ, sử dụng chính nút trích dẫn trong phần post bài để tạo khung cho bài viết hoặc phần trích dẫn bài viết trong blogspot, tham khảo hình bên dưới:
Để cách tạo khung cho bài viết hoặc phần trích dẫn bài viết trong blogspot bạn làm theo các bước sau:
Bước 1:
- Đăng nhập vào phần quản trị blog với tài khoản của bạn- Vào mục tenplate (mẫu) => edit Html (chỉnh sử mẫu)
Bước 2:
Trong phần chỉnh sửa template bạn tìm thẻ
]]></b:skin>Tiếp theo bạn chép đoạn CSS bên dưới vào trước thẻ ]]></b:skin>
blockquote{border:#006600 solid 1px;max-width:550px;word-wrap:break-word;padding:5px 5px 0px 10px;}Tiếp theo bạn lưu lại mẫu, làm theo các bước trên, sau đó quay về trang chủ để xem thành quả của mình (lưu ý các bạn với thủ thuật này bạn sẽ không nhìn thấy khung viền khi đang post bài)
Đây chỉ là đoạn CSS đơn giản tạo khung cho bài viết hoặc phần trích dẫn bài viết trong blogspot của bạn.Bạn muốn đóng khung bất cứ đoạn văn bản nào trong bài viết, bạn chỉ cần chọn (bôi đen)đoạn văn bản đó rồi nhấn nút Trích dẫn như hình minh họa phía trên, ngay lập tức đoạn văn bản đó sẽ được đóng khung.Các bạn có thể thêm các thuộc tính khác như: màu chữ, màu nền,bo góc,... để bài viết sinh động hơn.
Ưu điểm: phương pháp này giúp tạo khung cho bài viết một cách nhanh chóng,đồng bộ cho mọi bài viết trong blog của bạn,dễ đàng chỉnh sửa kiểu mẫu của khung, cũng như sửa lỗi bài viết tràn khỏi khung bài viêt(Bạn tham khảo cách sửa lỗi tràn bài viết trong bài kế tiếp )
Chúc các bạn thành công!
Mọi góp ý thắc mắc xin comments bên dưới bài viết
Bài đăng
0 nhận xét