Trang trí cho khung thông báo nhận xét.

Ở cuối mỗi bài đăng, các bạn sẽ thấy có ô comments để các "quý khách" ghé thăm bình luận, trao đổi hoặc kết bạn...

Trên ô comment, các bạn có thể tạo một thông báo hoặc ghi chú nào đó đến khách tham quan và để trang trí cho bảng thông báo đẹp hơn các bạn cần đến thủ thuật nhỏ sau.

 

Đầu tiên bạn cần phải tạo thông báo cho comments (xem TẠI ĐÂY).

Khi có bảng thông báo rồi, bạn bắt đầu trang trí cho "nó".

Bạn đăng nhập vào Blog > Chọn Mẫu > Chỉnh sửa HTML (xem hình).

Một bảng mã nguồn Blog hiện ra, bạn bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào hộp tìm kiếm dòng lệnh ]]></b:skin>

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

 

CODE:

.comment-form p {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIc4nD_JTHY-sVMPJXCtYraulfsVcDWptkVTWpSRzzyQydBSIuWV7fbYKmoH7ZVF9xRnPJV4LXcRaH5FVxDtOtf__DRSjAsbMWdP1V0co_9Hqj3jphxRajtTDo-eVNqAjDWv4qmuvHTV0/s1600/0055.gif);
background-position: 1em 3em;
background-repeat: no-repeat;
background-color:#151B8D;
width: 124%;
border: #00FFFF dashed thin;
padding: 1em;
padding-left: 110px;
color: #ffffff;
}

Bạn có thể thay đổi dòng lệnh màu đỏ (đây là link ảnh ở góc trái) và các dòng lệnh màu xanh để phù hợp với blog của mình, trong đó:

* background-color: màu nền của ô thông báo

* border: màu của đường viền

* color: màu chữ thông báo   

Cuối cùng bấm Lưu lại rồi trở lại Blog xem kết quả nha.

Chúc các bạn thành công 

Tạo thông báo cho phần nhận xét.

Ở cuối mỗi bài viết, các bạn sẽ thấy một khung comments (nhận xét), nơi đây để khách tham quan trao đổi hoặc gởi thắc mắc của bài viết đến với người quản trị blog..

Mặc định thì khung comments sẽ không có thông báo nào cả.

 

 Các bạn có thể thêm phần thông báo cho khung comments bằng thủ thuật nhỏ dưới đây. Đầu tiên bạn đăng nhập vào Blog > chọn Cài đặt > chọn Nhận xét

Tiếp tục bạn kéo xuống phía dưới và tìm đoạn "THƯ THÔNG BÁO MẪU NHẬN XÉT" , bây giờ bạn gõ vào khung những dòng thông báo mà mình muốn gởi đến các khách tham quan khi comments

Cuối cùng kéo xuống phía dưới bấm Lưu cài đặt và quay trở lại blog xem kết quả nha!!!

Hộp bình luận mới nhất...

Với thủ thuật này, các commet của khách tham quan được xếp theo thứ tự mới nhất nằm trên hàng đầu tiên kèm theo ảnh avatar của khách (số lượng comments được hiển thị do bạn tuỳ chọn tối đa là 200 comment) và được chứa đựng trong một hộp gọn gàng có thanh trượt để bạn có thể kéo xuống phía dưới để đọc hết các comments mà không chiếm khoảng không gian của Blog.

Mời bạn bấm vào thẻ "Xem thử" phía dưới để trải nghiệm trước thủ thuật này.

Xem thử

Thủ thuật này cũng khá đơn giản, bạn đăng nhập vào Blog > Chọn Bố cục > Chọn thêm tiện ích HTML/Javacript (nếu chưa biết cách thêm tiện ích HTMl/Javacript thì mời bạn xem TẠI ĐÂY). Sau đó copy tất cả đoạn code phía dưới dán vào.

 

CODE:

<center><div style="font-weight:bold; border: 2px #30a1db solid; padding:5px; text-align:center; background:#FFF380;"><span style="color: red; font-size: large;">Bình luận mới nhất của các bạn</div></span>

<div style="border: 5px solid orange; color: cyan; height: 450px; margin: 5px 0; overflow: auto; padding: 10px; text-align: left; width: 280px;">

<style type="text/css">

    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}

    .w2b_recent_comments li{background:none !important;margin:0 0 6px 
!important;padding:0 0 6px 0 
!important;display:block;clear:both;overflow:hidden;list-style:none;}

    .w2b_recent_comments li 
.avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px
 #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px 
#ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}

    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}

    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}

    .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}

</style>

<script type="text/javascript">

//<![CDATA[

    // Recent Comments Settings

    var

 numComments  = 200,

 showAvatar  = true,

 avatarSize  = 60,

 roundAvatar = true,

 characters  = 60,

 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",

 hideCredits = true;

//]]>

</script>

<script src="https://sites.google.com/site/dunghennessyjs/comment2.js" type="text/javascript"></script>

<script src="http://giapqb.blogspot.com/feeds/comments/default?alt=json&amp;callback=w2b_recent_comments&amp;max-results=200" type="text/javascript"></script>

</div>

</center>

Bây giờ bạn thay đổi các dòng lệnh màu đỏ, trong đó:

* Background: màu nền của tiêu đề phía trên

* Color: màu chữ tiêu đề.

* Bình luận mới nhất của các bạn: bạn có thể thay đổi chữ nào mà bạn muốn.

* Orange: màu của khung hộp, có thể thay red (đỏ), black (đen), white (trắng), Pink (hồng), yellow (vàng), green (xanh)....

* height: chiều cao của hộp.

* Width: chiều rộng của hộp 
 

Thay đổi dòng lệnh màu xanh, trong đó:

* Color: Mã màu của comment

* Font-size: kích thước chữ comment

* AvatarSize: kích thước của Avatar

* Characters: số lượng từ của comment

* http://giapqb.blogspot.com bằng địa chỉ trang Blog của bạn
 

Thay đổi dòng lệnh màu vàng đây là số comments được hiển thị trong hộp (2 số này phải bằng nhau).Cuối cùng bấm Lưu lại rồi trở lại blog xem kết quả nha.Chúc các bạn thành công!!!

Nghỉ việc không cần báo trước?

NLĐO) - Tôi đang làm việc tại một công ty với hợp đồng lao động (HĐLĐ) xác định thời hạn 1 năm. Vừa qua tôi làm đơn xin nghỉ việc và báo trước 30 ngày, công ty nhận đơn và yêu cầu tôi nghỉ ngay lập tức.

Trong trường hợp này, công ty có phải bồi thường khi cho tôi nghỉ ngay không?.

Ngoc Thuy (thuynguyen141083@...)

Luật sư Nguyễn Văn Hậu, Phó Chủ tịch Hội Luật gia TPHCM, trả lời:

Theo quy định của pháp luật lao động, người lao động muốn xin nghỉ việc phải có lý do và báo trước theo quy định tại điều 37 Bộ Luật Lao động.

Do vậy, nếu công ty cho bạn nghỉ ngay khi đã thực hiện đúng quy định thì phải bồi thường cho bạn trong quãng thời gian làm việc kể từ ngày báo trước.

Bạn đọc có thể gửi câu hỏi thắc mắc về pháp luật lao động theo địa chỉ: Chuyên mục “Tư vấn pháp luật lao động”, 14 Cách Mạng Tháng Tám, quận 1- TPHCM hoặc e-mail: phapluatlaodong@nld.com.vn

T.Hoàng ghi

Thống kê tổng số các bài đã đăng và tổng số các bình luận 2

Kiểu 2 Phía trước còn có thêm icon thể hiện Bài viết và Comments, bạn xem hình minh hoạ:

Rất đơn giản, bạn chỉ việc đăng nhập vào Blog > Chọn Bố cục > Thêm tiện ích HTML.

 

 CODE:

<center><div id="thongke"> 

<span class="thongkeright"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB3NFi-HSrwDcxr-e64rvtrnj_dP-m7ZBcPj4kw-m-jIz1S9YJwSg4zmKiw0a-piJkZ_FDZnxi4JHjoIsguvfHSkLYxcxiwfwj-1FfWi9W4Vwx3GiOjtUfvniXz9784rLgEf7PIXP8PBem/s1600/Edit-Text-icon.png" width="32px" height="32px" float:center;"/>

<a href="http://dunghennessy.blogspot.com/"
 target="_blank"><span style=" text-align:left; vertical-align: 
super; margin:0px;padding:0px; margin-top:2px;padding:0;font-size: 18px;
 color:#bbb;font-family:Arial,Helvetica,sans-serif;">

<script style="text/javascript">

function showpostcount(json) {

document.write(parseInt(json.feed.openSearch$totalResults.$t,10));

}</script>

<script src="http://giapqb.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>
 Bài viết </span> </a></span><br />

 <span class="thongkecenter">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH9_acX2H7mtFkrk8UqtKnHoy99tXjN7rwUAhyaUqyNKwqADxYCjpRg5hZiMo4AKdZOp8RFRU0tyA8oqNXVXI9I20SeHL8VoZAFMd4yzCaffPrHT2mRRtCqpZ1L0HmheQ5Oq0jZ9G8Pjwn/s1600/www.loogix.com_10962891.gif" width="32px" height="32px" float:center;" />

<span style="text-align:left; vertical-align: super; 
margin:0px;padding:0px; 
font-size:18px;color:#bbb;font-family:Arial,Helvetica,sans-serif;">

<script style="text/javascript">

function showpostcount(json) {

document.write(parseInt(json.feed.openSearch$totalResults.$t,10));

}</script>

<script src="http://giapqb.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script>
 Bình luận</span></span></div><div 
style='clear:both;'/></div><cebter/></cebter></center>

Bây giờ bạn thay đổi các dòng lệnh đỏ thành địa chỉ trang blog của bạn và thay đổi các dòng lệnh màu xanh (link URL của icon phía trước) theo ý của bạn, cuối cùng bấm Lưu lại là xong.

Thống kê tổng số các bài đã đăng và tổng số các bình luận

Với thủ thuật này, trên blog của bạn sẽ có một tiện ích thống kê tổng số các bài đã đăng và tổng số các bình luận (comments) trên blog. Tiện ích này sẽ tự động cập nhật khi bạn đăng bài mới hoặc có comments mới. Tiện ích này có hình dáng như hình cạnh bên.

Rất đơn giản, bạn chỉ cần đăng nhập vào Blog > chọn thiết kế > Thêm tiện ích HTML, và dán tất cả các code phía dưới vào.

CODE:

<script style="text/javascript">

function showpostcount(json) {

document.write('<center>Tổng số bài: <b>' + parseInt(json.feed.openSearch$totalResults.$t,10)

+ '</b></center>');}</script>

<script src="http://giapqb.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>

<script style="text/javascript"></script>

<script style="text/javascript">

function numberOfComments(json) {

document.write('<center>Tổng số bình luận: <b>' + json.feed.openSearch$totalResults.$t +

'</b></center>');}</script>

<script src="http://giapqb.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>

Bây giờ, bạn thay đổi địa chỉ của blog mình vào 2 dòng lệnh màu đỏ phía trên và bấm Lưu lại là xong

Chúc các bạn thành công

Thay đổi màu nền và ICON cho tiện ích

Các bạn có thể dễ dàng thay đổi màu nền cho thanh tiêu đề tiện ích khi vào thẻ "Trình thiết kế mẫu", nhưng thẻ này chỉ áp dụng cho giao diện Blogger mặc định, còn các giao diện bạn tải trên mạng sẽ vô ích với "Trình thiết kế mẫu" này.

Đối với giao diện tải về trên mạng, bạn phải áp dụng thủ thuật sau:

Đầu tiên, bạn đăng nhập vào Blog > Chọn thiết kế > Chọn chỉnh sửa HTML (bấm chọn Mở rộng mẫu tiện ích), bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào dòng lệnh .main .Blog { và Enter thì bạn sẽ thấy dòng lệnh giống như vầy:   

.main .Blog {

border-bottom-width: 0;

}

Bây giờ, bạn thêm vào sau nó dòng lệnh dưới đây:

.sidebar .widget h2 {

background: yellow url('URL OF YOUR IMAGE') no-repeat left top;

margin-top:5px;

text-indent: 20px;

padding:7px;

}

Code ở trên đang áp dụng màu nền vàng, bạn có thể thay đổi màu khác để thích hợp với màu giao diện của Blog mình bằng cách thay đổi chữ Yellow thành: green (xanh da trời), Blue (xanh dương), White (trắng), Black (đen), Red (đỏ)...và dán link icon vào thay thế dòng lệnh URL OF YOUR IMAGE và bấm Lưu mẫu là xong.