▀▄▀▄▀▄▀▄▀▄▀▄ 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)

TRANG TRÍ Ô NHẬN XÉT (COMMENT)

 Ở dưới mỗi bài viết đều có một ô comment để khách tham quan gởi lại những thắc mắc, những lời góp ý, những lời tâm sự...
Mặc định các ô comment này rất đơn điệu và để thu hút hơn sự chú ý của khách tham quan các bạn có thể trang trí ô này thêm sinh động hơn, đẹp hơn...
(Thủ thuật này chỉ thích hợp với các giao diện được tải trên mạng v, còn đối với giao diện sẳn có của Blogspot thì không được như ý lắm...là khi comment thì "nó" mới xuất hiện)
Hôm nay dunghennessy chia sẻ với các bạn thủ thuật này.
Mời các bạn xem hình minh hoạ phía dưới




 Thủ thuật này cũng khá đơn giản, đầu tiên bạn đăng nhập vào Blog > Chọn Mẫu > Chọn Chỉnh sửa HTML.


Một bảng mã nguồn HTML hiện ra, bạn đánh dấu chọn vào ô MỞ RỘNG MẪU TIỆN ÍCH nằm phía trên góc trái của bảng mã nguồn, tiếp tục bạn bấm cặp phím Ctrl+F để mở hộp tìm kiếm ở phía dưới (nếu bạn dùng trình duyệt Google Chrome thì hộp tìm kiếm này sẽ nằm phía trên) và gõ vào hộp này dòng lệnh ]]></b:skin> và Enter thì bạn sẽ thấy dòng lệnh này xuất hiện ở bảng mã nguồn và được đánh dấu highlight


Bây giờ bạn copy đoạn code phía dưới và dán trên dòng lệnh ]]></b:skin>

#mbt-form iframe{
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXJ8xbQJWH5IkI4K8a6cT93UVTUyE8sqxJIDnY4ELLFDXDCfPHo4aXgYJZFgBqk_tCmg-HqECoVxkOVYchnpfVBM0GkYdxBtLe7QaeMJJDTXGDJrYFnbYjib8-Ywobssz1HmEfT3XfVaXf/s1600/picture.jpg) repeat-x;
border:1px solid #ddd;
-moz-border-radius:2px;
-webkit-border-radius:2px;
box-shadow: 2px 2px 2px #CCCCCC;
padding:2px;
font:normal 12pt &quot;ms sans serif&quot;, Arial;
color:#2F97FF;
width:636px; height:250px !important;
}
#mbt-form a{
color:#2F97FF;
 



Bạn thay đổi các dòng màu đ (link ảnh nền) và các dòng màu xanh, trong đó color là màu chữ của ô comments, width (chiều rộng) và height (chiều cao) của ô comment.
 
Tiếp tục bạn gõ vào hộp tìm kiếm dòng lệnh <div class='comment-form'> enter, bạn sẽ thấy dòng lệnh này xuất hiện ở bảng mã nguồn và được đánh dấu highlight


Bạn thay thế dòng lệnh <div class='comment-form'> bằng dòng lệnh <div id='mbt-form'>
Đối với giao diện sẳn có của Blogspot (không phải giao diện tải trên mạng về thì sẽ có 2 dòng lệnh <div class='comment-form'>, vì vậy bạn phải thay 2 lần cho dòng lệnh này và khi xong bạn comment thử nó sẽ xuất hiện).
 
Cuối cùng bấm Lưu mẫu để hoàn tất.

Bn trở lại vào Blog xem thành quả nha.

* M rộng thêm:
Bạn nên Resize ảnh nền cho đúng kích thước của ô comments ở code phía trên (Width và height màu xanh) thì sđẹp hơn.
Chúc các bạn vui!!! 


Nguồn: trollvl 

53 nhận xét:

Unknown nói...

Ôi thú vị quá Dũng ơi! Cảm ơn Dũng nhé!

dunghennessy nói...

Có gì đâu phải cám ơn, chuyện nhỏ mà August Pink
Chúc bạn vui vẻ nha

Unknown nói...

Hình như có lỗi gì đó ý Dũng ạ! Dũng kiểm tra dùm mình nhé!

dunghennessy nói...

Lỗi chỗ nào vậy August Pink??? Bạn có thể ô comment của dunghennessy chưa? đâu có lỗi gì đâu

Unknown nói...

Dũng ơi!TA nhìn đi nhìn lại mà vẫn chẳng thấy cái ô comment của mình nó thay đổi tí nào cả.Làm sao bây giờ hả bạn?

dunghennessy nói...

Thủ thuật này không áp dụng được với giao diện sẳn có của Blogspot bạn ạ!!! Thông cảm cho mình vì sự bất tiện này...

Unknown nói...

@chị Tam Anh: Chị ơi! Em cũng dùng giao diện sẵn có của blog. Em bảo nè, nếu chị muốn thấy cái khung như của anh Dũng, chị comment "mồi" một cái, lúc sau là sẽ có, chị nhé!

Unknown nói...

Mình thấy đẹp rồi Dũng ơi!Tại vì Themen chứ đâu phải tại Dũng đâu nên khỏi cần "si nghỉ" nhé!Hi..hi.
Cám ơn bạn nhiều!Chúc bạn có ngày thứ 6 tuyệt vời nha!

dunghennessy nói...

Hôm nào có thời gian bạn thử đổi theme của bạn từ theme tải trên mạng về và áp dụng thủ thuật này thì bạn sẽ có một comments đẹp giống của dunghennessy mà thôi.
Chúc bạn cuối tuần vui vẻ

Unknown nói...

Từ hôm biết đến ngôi nhà của anh Dũng, Pink đã trang trí thêm được khá nhiều "chi tiết" cho ngôi nhà của Pink, đầu tiên là chữ ký này, rồi ảnh động này, khung comment này, thay đổi màu sắc cho hộp icon này... Pink cảm ơn anh Dũng nhiều nhé ạ! CHúc anh Dũng cuối tuần vui vẻ!

dunghennessy nói...

Anh cũng cám ơn Pink đã ghé thăm và ủng hộ dunghennessy.
Chúc Pink cuối tuần vui vẻ nha

Unknown nói...

Dunghennessy hướng dẫn phải nói là kỹ thật,từng bước cơ bản thế này thì tốn nhiều công lắm.Giao diện của mìh không biết loại gì có dùng được thủ thuật này không nữa?

dunghennessy nói...

Theo mình nhận xét thì giao diện của bạn đang sử dụng là giao diện sẳn có của Blogspot, do đó sẽ hơi bị hạn chế với thủ thuật này, khi áp dụng theo hướng dẫn trên bài xong, thì bạn phải comments "mồi" cho "nó" thì mới thấy hình nền xuất hiện. Mong bạn thông cảm cho sự bất tiện này...

linhvu59 nói...

Sao LV làm rồi mà nó không hiện lên Dung ơi ! ;( ;-(

dunghennessy nói...

Vì giao diện của bạn đang sử dụng là giao diện sẳn có của blogspot cho nên thủ thuật này xem như "vô ích" rồi LV ơi!!!
Thông cảm cho mình vì sự bất tiện này

Unknown nói...

Thủ thuật trang trí cho hộp comment này mình thua rồi Dung ơi ! Híc ! Bạn có cách nào khác không?

dunghennessy nói...

Mình cũng bó tay với giao diện sẳn có của Blogspot luôn...
Thông cảm cho mình nha

Mùa Thu Buồn nói...

Dungheineken ơi ! Hình như tui làm sai thao tác nào mà khung comment của tui vẫn còn như cũ, khg thay đồi .
Tui lấy 1 tấm hình động ở blog này ( hình ghe, thuyền )để chèn vào làm nền chỗ khung comment , nhờ Dungheineken xem sao và chỉ giúp nha, email của tui : Tinanguyenhuynh@yahoo.com
Cám ơn Dungheineken nha .

dunghennessy nói...

Vì bạn đang sử dụng giao diện sẳn có Blogspot do đó thủ thuật này đã bị hạn chế...Khi làm thủ thuật xong, bạn phải comments "mồi" cho nó thì sẽ thấy nó xuất hiện
Thông cảm cho mình vì sự bất tiện này

Ngọc Dung nói...

Dũng thích phần này nhưng hổng biết làm Dũng ơi........

dunghennessy nói...

Đúng vậy, thủ thuật này hơi "bị" phức tạp với lại giao diện của Dung thì thủ thuật này "vô ích" mặc dù làm thành công Dung ạ!!!
Xin lỗi Dung vì sự bất tiện này nha

Nặc danh nói...

Sang nhà bạn thấy thủ thuật nào cũng hay, cũng muốn làm theo nhưng khó quá!
Có lẽ tại mình hơi kém thôi! Thủ thuật này mình làm cũng ko được á! Chán quá!

dunghennessy nói...

Đa số các bạn chuyển nhà từ Yahoo sang Blogspot đều dùng giao diện sẳn có của Blogspot vì vậy thủ thuật này sẽ "vô ích" đối với các bạn.
Mong bạn thông cảm cho sự bất tiện này.

Unknown nói...

Vậy mình muốn chuyển sang theme khác thì mình cần phải làm gì để giữ lại toàn bộ các tiện ích hoặc Widget đã cài mà không phải cài lại từ đầu?Dunghennssy hướng dẫn cho mình và mọi người nhé ! Hiện nay blog mình trình bày tương đối vừa mắt và cũng ổn định nhưng chỉ tiếc là hộp comment lại không có các biểu tượng mặt cười ở các cấp cho mọi người dán vào,nó chỉ hiện ra một lần duy nhất khi bài vừa mới post sau đó thì mất tiêu,và rất nhiều thủ thuật khác mình thích lắm nhưng vẫn chưa cài được.Đang nghĩ chắc phải đổi sang Theme mới đây.

dunghennessy nói...

Khi đổi sang theme khác thì các tiện ích ở bên ngoài sẽ không bị mất (vẫn còn giữ nguyên) nhưng các tiện ích mà bạn đã cài trong mã nguồn HTML sẽ bị mất...Nếu muốn cho Blog hoàn thiện như ý mình thì bạn nên đổi sang theme tải trên mạng về thì đẹp hơn.
Chúc bạn thành công

Unknown nói...

Vậy bạn có thể giúp mình cho vài cái link để tải theme trên mạng về,thật sự không biết nhiều về theme cũng không phân biệt được theme nào là của blogger theme nào không thuộc của Google.

dunghennessy nói...

Mình thường kiếm theme cho blog ở trang này nè (có khá nhiều theme đẹp)
* THEME CHO BLOGSPOT

linhvu59 nói...

Mình tải xuống rồi có bị virus theo vào máy không ? LV cứ tải hầm bà lằng vào máy, virus cứ chiếm đóng hoài :-d

dunghennessy nói...

Tải gì về mà có virus????

Jessica Yến Phạm nói...

Da,em chao anh Dung a !Anh oi,em da thay hinh vao khung comment dc roi (theo huong dan cua anh) nhung no chi hien len khi khach chua vao CM ,neu khach da cm 1 lan thi HINH ANH MA EM TRANG TRI VAO KHUNG CM se bien mat va chi hien len cai khung CM trang nhu luc chua trang tri la li do tai sao ha anh !? Mong anh Dung chi giup em khac phuc loi nay nhe anh,cam on anh that nhieu a !

dunghennessy nói...

Chắc là do em đang sử dụng giao diện mặc định của blogspot nên thủ thuật này vô ích rồi em ạ...
Mong em thông cảm vì sự bất tiện này

hoài thương nói...

Làm thế nào để đưa các icon này vào khung commet vậy bạn? HT lục tung nhà bạn lên rồi mà chưa thấy nữa :-?
Chúc bạn ngày cuối năm vui nhiều :) :))

Unknown nói...

Mặc dù anh Dũng không phải là "bác sĩ" nhưng nhân ngày 27/2, em vẫn xin được gửi tới anh lời chúc tốt đẹp nhất! (Vì nhờ anh mà nhiều ngôi nhà blog đang bị lỗi, chưa đẹp, đã trở nên hoàn thiện hơn). Phải vậy không anh?

dunghennessy nói...

Ai cha...Anh đâu phải là bác sĩ nhưng vẫn cám ơn em, Anh sẽ cố gắng học tập nhiều hơn để trở thành bác sĩ "vi tính" nha.
Chúc em luôn vui vẻ và hạnh phúc

hoài thương nói...

Hì hì em cũng làm được rồi. Chúc anh Dũng chủ nhật vui nhiều :)

dunghennessy nói...

Chúc mừng em...

Unknown nói...

Bạn Dũng ơi mình cũng làm theo cách hướng dẫn của bạn ở ô trang trí cho lời nhận xét của bạn.mà sao không được bạn ơi.bạn qua nhà mình xem coi dùm lỗi ở chỗ nào bạn chỉ dùm nhé.cảm ơn bạn

dunghennessy nói...

Nếu bạn đang làm thủ thuật này thì blog của bạn sẽ áp dụng không được vì blog của bạn đang sử dụng giao diện mặc định của Blogspot, xin lỗi bạn vì sự bất tiện này...

Unknown nói...

anh cho e hỏi s e làm giống như hướng dẫn mà vẫn k đk ạk

Nặc danh nói...

Anh-Dung-ui-làm-hộ-em-cái-khung-com-với-em-làm-hoài-hổn được, thank-anh-nhìu

dunghennessy nói...

Thủ thuật này chỉ áp dụng cho các giao diện được tải về trên mạng mà thôi, không áp dụng cho giao diện mặc định của blogspot Mimosa à!!!

Duy Hưng nói...

em chào anh ! em thấy trang của anh làm nhiều hiệu ứng rất đẹp
! em muốn nhờ anh làm cho em một cái banner trên cùng về trung tâm gia sư (hơi lỗ liệu )
vì em không biết gì về cái này anh ạ !
hết bao nhiều $ thì em có thể gửi thẻ đt cho anh đc không !

dunghennessy nói...

Em gởi yêu cầu về mail: dungheineken@gmail.com, rồi anh làm cho (kích thước, màu nền, chữ....)

Duy Hưng nói...

nói chung nó na ná như
http://giasu24h.com/images/ads/1352451162y.png
logo:http://www.vinhuni.edu.vn/Vinhuni/admin/UpImg/131809174132.jpg
văn bản :Gia sư Đại Học Vinh
Trung tâm chuyên cung cấp gia sư tại thành phố vinh

dunghennessy nói...

Ok...Để anh nghiên cứu rồi làm thử cho em tham khảo nha

Duy Hưng nói...
Nhận xét này đã bị tác giả xóa.
Duy Hưng nói...

Vâng ! cảm ơn anh nhiều ...anh cứ làm theo cách của anh đi - dù sao ý tưởng của anh có lẽ cũng sẽ đẹp hơn của em nhiều!

Unknown nói...

Anh Dũng ơi, em làm xong rồi nó lại bị vượt ra ngoài luôn. Giúp em nha anh

Unknown nói...

à em làm được rồi anh à

dunghennessy nói...

Oh...Chúc mừng em, cố gắng thêm nữa em sẽ có một Blog ưng ý.

Unknown nói...

Nếu không có anh chắc em cũng chẳng làm được gì. Mà anh không làm việc à. Sao em thấy anh trả lới hết câu hỏi của mọi người. Anh nhiệt tình thật. Chúc anh luôn sức khỏe (để còn hướng dẫn mọi người)

dunghennessy nói...

Oh...Ai mà chẳng làm việc hả em trai...!!!
Blog là nơi để giải trí sau giờ làm việc nên tranh thủ giờ nghỉ ngơi Anh vào blog trả lời các bạn để cùng nhau học tập chia sẻ kinh nghiệm lẫn nhau mà thôi.
Chúc em vui

Unknown nói...

e không làm đc

Đăng nhận xét

 
Powered by by: Blogger