▀▄▀▄▀▄▀▄▀▄▀▄ Các bài đăng mới ▀▄▀▄▀▄▀▄▀▄▀
    Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv5 Kenh HTV2 Kenh SCTV16




Xem truyền hình trực tuyến (Click here)

TẠO THANH TRƯỢT CHO PHẦN COMMENTS

Phần comments là phần nằm phía dưới của mỗi bài trên Blog của bạn, có một số bài sẽ có nhiều người comments để bình luận, để thắc mắc...Vì vậy, nếu có nhiều comments thì phần commets này sẽ dài "lê thê" làm cho Blog bị chiếm nhiều không gian, làm giảm vẻ mỹ quan của blog.
Với một thủ thuật nhỏ đơn giản dưới đây, bạn sẽ có một thanh trượt nằm ở phần bên phải của khung commenst.
Bạn xem hình minh hoạ: (Rê chuột vào ảnh để xem ảnh với kích thước lớn hơn).



Đầu tiên, bạn đăng nhập vào Blog > chọn Thiết kế > Chỉnh sửa HTML, sau đó bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào hộp đó dòng lệnh
#comments-block.
Lúc  này, bạn sẽ thấy trên khung lớn có dòng lệnh tương tự giống như vậy (đối với mỗi giao diện blog sẽ có dòng lệnh hơi khác tí)
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
padding-left:20px;
}
Bạn chép copy đoạn code này dán vào phía dưới dòng lệnh trên (để trong dấu ngoặc móc):
height: 400px;
width: 480px;

overflow:auto;

Nó sẽ giống như vầy:
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
padding-left:20px;
height: 400px;
width:480px;
overflow:auto;

}
Bạn có thể thay đổi kích thước của khung ở Width (chiều ngang), height (chiều dài) để phù hợp với Blog của mình và bấm Lưu mẫu
Giờ đây, trên blog của bạn sẽ có thanh trượt ở phần comments rất tiện lợi


Nguồn: Phan Dung

43 nhận xét:

Dinh Van Anh nói...

Chào anh, anh giúp em cái khung avatar comment với, hình đại diện nó không khớp với Frame, thay đổi các kích thước margin và padding nhưng mà hok được, mong anh chỉ giáo.

dunghennessy nói...

Xin lỗi EMS Anh nha, vụ này thì mình "bó tay" rồi

phamvanphuong nói...

Bạn ơi!
Sao minhd tìm dòng lệnh #comments-block không thấy đâu
Mình gõ #com cũng không tìm thấy!
Hình như máy nó báo là không có chữ nào!

dunghennessy nói...

Bạn có đánh dấu mở rộng tiện ích chưa??? Nếu chưa thì đánh dấu để mở rộng diện tích tìm kiếm chữ #comments

phamvanphuong nói...

Mình có đánh dấu rồi đó chứ. Nhưng cũng không tìm thấy đâu cả!

phamvanphuong nói...

Cái này hay nhưng mình làm không được, tiếc thật đó!

dunghennessy nói...

Chắc do giao diện của bạn là giao diện mặc định của Blogspot nên nó không cho mình can thiệp vào.

phamvanphuong nói...

Cho mình hỏi. Mình đang dùng template blog của bạn. Nhưng làm sao mình bỏ phần tiêu đề của blog mặc định mà trước đó mình dùng template cũ(mặc đinh của blog). Mình thấy nó cứ xen kẻ vô với phần tiện ích,khó chịu thật!

dunghennessy nói...

Ý của bạn là thay chữ Maxs-Professional đó hả, đây là file ảnh, bạn đăng nhập vào mã nguồn, bấm cặp phím ctrl+F để mở hộp tìm kiếm, sau đó gõ vào hộp lệnh Logo và enter, lúc này bạn kiếm file ảnh của logo này và thay ảnh của bạn vào là OK

Shill nói...

Oa... blog của em không làm được cái này, huhu, buồn quá :((

dunghennessy nói...

Bị lỗi gì mà làm không được???

dunghennessy nói...

Cám ơn bạn đã ghé tham quan và ủng hộ dunghennessy

Unknown nói...

a ơi. e muốn đổi màu của chữ trong comment đen thành trắng thì làm sao anh

dunghennessy nói...

Bạn kiếm và thay đổi ở dòng lệnh color của dòng code comments, cuối cùng bấm Lưu là OK

Unknown nói...

cam ơn anh. giờ e còn dính 1 khúc mắc nữa là cái temple. vậy a cho e xin cái temple mà giống blog cua a được ko a

dunghennessy nói...

Em vào đây tham khảo nha:
http://dunghennessy.blogspot.com/search/label/Template

Hành Trang Vào Đời nói...

Cái vụ nay có bài nào áp dụng cho giao diện mặc định không anh ?

dunghennessy nói...

Thử xem...

Hành Trang Vào Đời nói...

Chịu thôi, em không tìm thấy dòng lệnh #comments-block.

Phúc Tuấn nói...

Bài này hay quá. Nhưng mình cũng không làm được. Search code đó không trả về kết quả nào cả. Miễn cưỡng add thêm code đó vào mục comment trong bộ code cũng không chạy.

dunghennessy nói...

Khi mở hộp mã nguồn HTML, sau đó bạn đánh dấu ở ô phía trên góc trái "MỞ RỘNG MẪU TIỆN ÍCH" sau đó làm lại các bước như hướng dẫn trên bài xem có thể có dòng lệnh đó...

ChoiBlogs.blogspot.com nói...

Blog bạn hơi lag :)

dunghennessy nói...

Cám ơn bạn đã góp ý, mình sẽ xem và chỉnh sửa lại

Lộc Vừng nói...

Bạn ơi saoo mình tìm mãi không thấy dòng lệnh đó đâu cả. Gõ vào hộp tìm kiếm cũng không thấy.

dunghennessy nói...

Bạn đánh dấu ô MỞ RỘNG MẪU TIỆN ÍCH ở phía góc trên bên trái, sau đó hãy kiếm dòng lệnh này, thử xem

kimhue16078 nói...

blog của em tìm hoài cũng ko có dòng lệnh #comments-block, chuyển sang theme mới thì thấy có, nhưng ko giống lắm, Làm sao vẫn giữ lại thems cũ mà có thể cài đặt tiện ích này đây?

dunghennessy nói...

Mỗi theme đều có dòng lệnh hơi khác nhau một tý nhưng vẫn có công dụng giống nhau, bạn thử làm xem sao.
À, trước khi làm nhớ đấu dấu ô MỞ RỘNG MẪU TIỆN ÍCH nằm phía trên góc trái nha

kimhue16078 nói...

phần comments của em chỉ có những dòng này thôi à
.comments .comments-content .icon.blog-author {
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}

.comments .comments-content .loadmore a {
border-top: 1px solid $(tabs.border.color);
border-bottom: 1px solid $(tabs.border.color);
}

.comments .continue {
border-top: 2px solid $(tabs.border.color);
}

dunghennessy nói...

Còn nữa đó!!!
Thôi em gởi file xml của theme blog của em qua cho anh, anh xem thử cho

kimhue16078 nói...

Em đã gửi qua email rồi ạ, em ko biết cách gửi trực tiếp :)

dunghennessy nói...

Anh chưa có nhận được em ạ

kimhue16078 nói...

kì vậy ta, em gửi đúng email mà

Unknown nói...

Không thấy bạn viết một bài nào hướng dẫn cách tạo Bộ Biểu tượng"emoticons" cho Comment box nhỉ? Mình không nhớ là đã học cách làm này từ nhà bạn nào nhưng hiện nay nó đang bị một lỗi chưa ai giúp mình khắc phục được,đó là các biểu tượng chỉ hiện ra ở lần đầu tiên,sau một người gửi tin rồi thì nó biến đâu mất tiêu,có thể mình đã làm sai gì ở phần cài đặt lúc trước,giờ muốn sửa,muốn xóa code đi cũng không biết phải sửa từ đâu.

dunghennessy nói...

Trời ạ!!! Làm thì phải nhớ chứ để khi muốn xoá thay thế thì mới kiếm được mà thay thế chứ, cố gắng nhớ lại thử xem...

Unknown nói...

Sáng nay rảnh vào xem lại Thủ thuật này,tìm mãi không thấy dòng code (#comments-block) đâu cả,đành chịu thua về không Hi !

dunghennessy nói...

Trước khi tìm kiếm dòng lệnh, bạn thử đánh dấu chọn MỞ RỘNG MẪU TIỆN ÍCH nằm phía trên góc trái rồi sau đó hãy tìm kiếm dòng lệnh đó...thử xem

Unknown nói...

Mình luôn luôn làm như vậy mà,tìm thử rồi chẳng thấy dòng lệnh đó,mình có thể thêm dòng lệnh vào tag nào trong bộ mã CSS được không?

dunghennessy nói...

Chắc do giao diện sẳn có mà bạn đang dùng không thể áp dụng thủ thuật này rồi bạn ạ!!!

Unknown nói...

anh dung cho e hỏi blog cua em sao nó bị gì vậy, khi comment xong nó ko hiển thị nội dung vua comment?. thanks anh
blog: huyentcnh.blogspot.com

Unknown nói...

anh huong dan dum em cái tạo cua sổ liên kết blog mà nó bật lên cái kéo từ tren xuong, trai qua phải giống như em clik vao kẩoke online cua anh vay đó a thấy thok qua

dunghennessy nói...

Theo anh nghĩ đó là do em can thiệp quá nhiều vào phần comments vì vậy các mã code sẽ xung đột với nhau và kết quả là các comments cũng bị ảnh hưởng (bị mất...)
Còn về phần liên kết blog giống như của anh, để hôm nào anh sẽ post bài cho em tham khảo nha

Anhlevan nói...

Cái này hay nhưng theme của mình không tìm được tiếc thật https://anhlevanlagi.blogspot.com/

Anhlevan nói...

Đã tìm ra comment-block như sau nhưng không sửa được nhờ bạn chỉ giúp:
.comments .comments-content{float:left;width:100%;margin:0}
#comments h4#comment-post-message{display:none}
.comments .comment-block{padding:20px 0 0 50px;border-top:1px solid rgba(155,155,155,0.26)}
.rtl .comments .comment-block{padding:20px 50px 0 0}
.comments .comment-content{font-family:var(--text-font);font-size:14px;color:#6d7680;line-height:1.5em;margin:12px 0}

Đăng nhận xét

 
Powered by by: Blogger