Tìm kiếm thông tin
Hành trình phá án: Điệu hổ ly sơn
Kết quả xổ số
Tỉ giá: Vàng - Ngoại tệ
Dự báo thời tiết
Bài thuốc tự chế vĩnh biệt bệnh
xoang không tốn tiền
Một số bài toán chọn lọc ở Tiểu học
Vào bếp - Nấu ăn
Gốc > Chia sẻ - Thủ thuật > Thủ thuật - Kinh nghiệm >
Nguyễn Tuấn Anh @ 07:51 24/08/2013
Số lượt xem: 2953
ĐÓNG KHUNG VÀ TẠO THANH TRƯỢT CHO BÀI VIẾT
Đô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.
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.
==>Đoạn code đây:
==>Đ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 chữ (số)lệnh in đậm 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.
Chúc bạn thành công!
(dunghennessy.blogspot)
Nguyễn Tuấn Anh @ 07:51 24/08/2013
Số lượt xem: 2953
Số lượt thích:
0 người
- HƯỚNG DẪN SOẠN THẢO VĂN BẢN WORD (24/08/13)
- Tổng hợp 1 số clip thủ thuật căn bản với PowerPoint 2007 (24/08/13)
- Tổng hợp 1 số clip hướng dẫn tạo web/blog (24/08/13)
- Hướng dẫn làm Flash Online và Banner Flash Đẹp Cho Blogger (24/08/13)
- Tạo logo online tại Logoease.com (24/08/13)
=>Kiểu 1:
<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>
Thủ thuật khá đơn giản, khi đăng bài bạn chọn để chế độ và copy đoạn code phía dưới dán vào chỗ muốn hiển thị khung.
Sau đó quay lại trang viết và nhập nội dung vào trong khung bình thường!
Lưu ý:
- Dotted rgb(153, 204, 102): Màu khung viền
- Color: #666666: Màu chữ
- Kiểu 2 này khi bạn Enter xuống hàng nó sẽ nhảy sang khung khác. Chính vì vậy để sử dụng kiểu 2 này hiệu quả nhất. Khuyên bạn nên soạn nội dung ở một phần mềm khác sau đó Paste vào :)
<pre style="border: 3px dotted rgb(153, 204, 102); margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto;"><span style="color: #666666; font-family: Courier New, Courier, monospace;"> Nội dung viết tại đây </span></pre>