Đôi khi bài viết của bạn quá dài chiếm nhiều không gian trên Blog, bạn có thể đóng khung và tạo thêm thanh trượt cho "nó".
Thủ thuật này giúp bài viết của bạn nằm trọn trong một khung viền màu khá đẹp mắt, bên phải là thanh trượt kéo lên xuống để khách tham quan có thể đọc hết cả bài viết mà vẫn không chiếm hết không gian của blog mình.
Bạn có thể xem thí dụ bài thơ phía dưới.
BÀI THƠ QUỐC KHÁNH 2/9
Vương triều Thái Tổ tụ Thăng Long
Đại lễ ngàn năm thỏa tấm lòng
Bài hịch - trang thơ yên xã tắc
Tuyên ngôn độc lập, vẹn non sông
Ba Đình huyền thoại trời "chim lạc"
Hà Nội hùng thiêng đất "lửa rồng"
"Thành phố hòa bình" nâng vị thế
Thủ đô lộng lẫy dáng Thăng Long
Trưa buồn thêm vắng, nắng hắt hiu
Gió đưa khói biếc trả về chiều
Mừng ngày lập nước ta đưa bút
Ghi mấy vần thơ viết đôi điều
Tháng Chín năm xưa, nay còn đó
Dẫu rằng Người cũ đã xa rồi
Một đôi dòng chữ cho nỗi nhớ
Tháng ngày hào hùng, chớ có quên./
Gió đưa khói biếc trả về chiều
Mừng ngày lập nước ta đưa bút
Ghi mấy vần thơ viết đôi điều
Tháng Chín năm xưa, nay còn đó
Dẫu rằng Người cũ đã xa rồi
Một đôi dòng chữ cho nỗi nhớ
Tháng ngày hào hùng, chớ có quên./
Tổ quốc Việt nam đẹp vô cùng
Núi cao đồng rộng biển mênh mông
Tương lai trao tay đàn em nhỏ
Gắng xây đất nước vững thành đồng.
Núi cao đồng rộng biển mênh mông
Tương lai trao tay đàn em nhỏ
Gắng xây đất nước vững thành đồng.
Thủ thuật này khá đơn giản, khi đăng bài mới bạn để chế độ HTML và copy đoạn code phía dưới dán vào phía dưới khung soạn bài viết (xem hình)
Đoạn code đây:
<div style="border: 10px solid orange; color: aqua; margin: 10px 0; padding: 10px; text-align: left; height: 400px;
width: 620px;
overflow:auto;">
Nội dung bài viết của bạn ở đây
</div>
width: 620px;
overflow:auto;">
Nội dung bài viết của bạn ở đây
</div>
Bạn thay đổi các dòng lệnh màu đỏ theo ý của mình, trong đó:
border 10px: độ rộng của khung
solid orange: màu của khung (bạn có thể thay red, white, yellow, black, pink, blue, green....)
color aqua: màu của chữ (tương tự màu khung, bạn có thể thay red, yellow, orange, white, black, green, blue, pink...)
height: độ cao của khung (nếu vượt qua độ cao này sẽ có thanh trượt xuất hiện bên phải của khung)
Width: độ rộng của khung
Tiếp sau đó, bạn bấm vào thẻ VIẾT (cạnh thẻ HTML phía trên lúc nãy) để quay về viết bài như bình thường, cuối cùng bấm xuất bản và chiêm ngưỡng bài viết của mình nha.
Để tạo nhiều kiểu khung khác nhau bạn có thể thay đổi chữ solid (màu vàng) bằng các dòng chữ phía dưới:
dotted
dashed
solid
double
groove
inset
outset
Để tạo nhiều kiểu khung khác nhau bạn có thể thay đổi chữ solid (màu vàng) bằng các dòng chữ phía dưới:
dotted
dashed
solid
double
groove
inset
outset
Chúc bạn thành công
33 nhận xét:
hay! thanks bạn nhiều
Mình cũng cám ơn bạn đã ghé tham quan và ủng hộ dunghennessy
Các bài viết của Anh Dũng thật hữu ích, em mới xâm nhập làm blog nhìn Anh .... choáng ..... hì
Chúc A luôn vui!!!
Anh cũng cám ơn em đã ghé tham quan và ủng hộ dunghennessy
Chúc em luôn vui khoẻ và hạnh phúc
a ơi , Cho em Hỏi Là Làm sao để bài viết của Mình ở Phần Bai Đăng Trên Blogger Nó Không Hiển Thị Cả Anh Nhỉ
Ý em muốn là tất cả các bài đăng trên blog không hiển thị ở trang chủ??? Nếu vậy thì em tham khảo bài: Ẩn bài viết ở trang chủ nha
Chúc em thành công
a ơi bây giờ em muốn đổi màu nền của thanh menu ngang thì làm sao vậy ạ
Menu có nhiều mẫu mà mỗi màu đều có các đoạn code riêng biệt, em phải cho anh biết em đang sử dụng menu nào thì anh mới hướng dẫn cho em được...
Cám ơn anh Dũng nhiều nhiều. Các bài viết của anh hay quá.
Cám ơn em đã ghé tham quan và ủng hộ Anh.
Chúc em và gia đình GIÁNG SINH VUI VẺ
thank bạn
Chị cám ơn Dũng nhe, chị làm được rồi
Chúc mừng Chị nha...
Hi Dũng, em vào blog của chị, bài "thử tab phân trang cho 1 bài viết "em xem nhe lổi ở chổ nào
http://englishnauhoang.blogspot.com.
Chúc em một ngày làm việc vui.
Em đã trả lời qua mail cho Chị rồi đó, Chị vào mail xem nha
Chị chúc Dũng và gia đình sức khoẻ dồi dào, gia đình hạnh phúc, tài lộc tấn tới, vạn sự như ý
anh Dũng ơi, em thấy tiêu đề mỗi hộp tiện ích ở dưới (Khách tham quan, bình luận của các bạn, liên kết blog) đều có hình minh hoạ làm tiêu đề hết, anh cho em hỏi làm thế nào để đưa mấy cái hình đó lên vậy ạ?
Cám ơn chị NauHoang đã ghé thăm, em cũng chúc Chị và gia đình Năm mới dồi dào sức khoẻ, hạnh phúc ngập tràn, may mắn vô biên nha Chị!!!
thông tin hay!Thanks
niềng răng
cảm ơn bạn đã chia sẽ về bài viết tạo khung viền, nhưng cho mình hỏi thêm cách tạo nhiều kiểu khung phải làm sao. Cảm ơn bạn nhiều.
Cám ơn bạn đã góp ý, mình đã cập nhật thêm nhiều kiểu khung mới, bạn có thể xem ở phần cuối của bài hướng dẫn nha
Anh DŨng ƠI Cách Xóa Tiêu Đề Sao thế Anh
cảm ơn bạn, bài viết rất bổ ích
romoochaiphong.com
Cảm ơn chia sẻ của chủ thớt nha. Coi thành quả landing page mình học theo chủ thớt nè
https://benhvienthammyhanquoc.com/don-cam-implant-cho-cam-dep-lot-xac-thanh-cong.html
Thơ hay gặp bạn hiền!
van công nghiệp
Van điện từ
Van bi
Cảm ơn bạn đã chia sẻ những thông tin thú vị này...
chó Bull Pháp
bán chó bull pháp
chó bull pháp giá bao nhiêu
mua chó bull pháp
Những thông tin rất đáng xem...
chó Poodle
bán chó Poodle
chó Poodle giá bao nhiêu
mua chó Poodle
Surprisingly individual pleasant website. Tremendous information readily available on couple of clicks. Feel free to surf to my web site. thợ mộc sửa chữa đồ gỗ tại nhà
Những thông tin quá hay...
Phối chó bull pháp
Phối giống chó Corgi
Phối chó Pug
Phối giống cho Pug
Дуже цікава та цікава стаття. Дякуємо спільному адміністратору. Бажаю завжди добиватися успіху
lưới chống chuột
cửa lưới dạng xếp
cửa lưới tự cuốn
cửa lưới chống muỗi hà nội
servicehpterdekat.blogspot.com
tempatservicehpdibandarlampung.blogspot.com
servicehpterdekat.blogspot.com
storeindonesian.blogspot.com storeindonesian.blogspot.com
lampungservice.com
lampungservice.com
We are Children's Furniture - Bao An Kids. Surely when you come to this site, you are looking for a professional children's interior design and construction unit to help you advise and choose for your family and your baby to have a perfect living space and the safest. More: Girl's bedroom
Đăng nhận xét