Home » , » Cách làm khung comment mở rộng hoặc thu nhỏ trong blogspot

Cách làm khung comment mở rộng hoặc thu nhỏ trong blogspot

Việc kéo xuống để xem bài viết cũng có thể làm blog của bạn dài hàng cây số. Chưa nói gì đến việc thêm các bài viết liên quan, các comment và các phần khác. 
Và để làm rút ngắn bớt độ dài đó của trang mình chia sẻ các bạn cách mở rộng và thu nhỏ comment ở cuối mỗi bài viết.

 Các bạn hãy thực hiện theo các bước sau:
Bước 1: Các bạn vào Mẫu -> Chỉnh sửa HTML (lưu ý: các bạn nên sao lưu mẫu của mình trước khi thực hiện thủ thuật, để nếu có sai xót gì thì có thể khôi phục mà không sợ ảnh hưởng tới blog).

Bước 2: Chèn đoạn code sau vào trước thẻ đóng </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
   
    $(".toggle_container").hide();
 
    $("h3.trigger").click(function(){
        $(this).toggleClass("active").next().slideToggle("slow");
    });
 
});
</script>

Bước 3: Chèn đoạn code sau vào trước thẻ ]]></b:skin>
/*----- Comment box - kjmagic.blogspot.com ----*/
h3.trigger {
background: url(http://4.bp.blogspot.com/-w6rbdy4LCtI/UKdcV7jX1aI/AAAAAAAAIAw/ekWT8oI7JZw/s1600/comment-boxbg.png) no-repeat;
height: 44px;
line-height: 46px;
width: 518px; border-radius:4px;
font-family:Arial;
font-size: 1.4em;
font-weight: bold;
text-align:left;
color:#A1A1A1;
float: left;
cursor:pointer;
box-shadow: #333 0px 1px 3px;
padding:0 0 0 50px;
margin:10px 0px 10px 10px;
}
h3.active {
background-position: bottom left;
color:#ddd;
}
.toggle_container {
padding-left:10px;
overflow: hidden;
clear: both;
}
- Có thể thay đổi độ rộng 518px cho phù hợp với blog của bạn
- Có thể tùy chỉnh style của widget tùy ý nếu bạn hiểu biết về code
Bước 4: Tìm dòng <b:includable id='comment-form' var='post'> và chèn đoạn code sau vào bên dưới nó:
<h3 class='trigger'>Click Here To add Comment</h3>
<div class='toggle_container'>
<div class='block'>

Bạn có thể sửa dòng chữ màu đỏ theo ý thích của mình

Bước 5: Tiếp tục tìm </b:includable> và chèn phía trên nó đoạn code:
<p style=' line-height:0px; font-family:Arial; font-size:8px; font-weight:bold; text-align:right;'><a href='http://kjmagic.blogspot.com' style='color:#CAC8C8;'><i>Blogger Widgets</i></a></p>
</div>
</div>

Cuối cùng Lưu Mẫu và truy cập vào blog của bạn kiểm tra là xong.

10 nhận xét:

  1. Đào tạo chuyên nghiệp báo cáo giám sát môi trường là vấn đề sinh viên mới ra trường luôn phân vân có nên học các lớp viết báo cáo giám sát môi trường ở các dự án thực tế hay không sau khi tốt nghiệp.
    Website: Đào tạo chuyên nghiệp báo cáo giám sát định kỳ

    ReplyDelete
    Replies
    1. Rất cảm ơn bạn đã chia sẻ cho mình và mọi người trên http://hoabinh19.blogspot.com

      Delete
  2. ấy cho mình hỏi là, sao khi mình chèn LIKE facebook vào blogspot nó lại bắt mình phải chấp nhận ấy nhỉ? Thanks ấy

    ReplyDelete
    Replies
    1. Chào bạn, bạn có thể đưa ra câu hỏi rõ và cụ thể hơn được không? tks.

      Delete
  3. Mình làm được rồi, thank bạn nhé!
    Ly Diệu – Tư vấn viên
    -------------------------------------------------------------------
    • Xem chi tiết về Dịch vụ quay phim đám cưới theo phong cách phóng sự ở Sài Gòn
    • Hoặc Dich vu quay phim dam cuoi theo phong cach phong su o Sai Gon

    ReplyDelete
  4. Thủ thuật rất hay, phải làm thử mới được!
    Tâm Linh – Tư vấn viên
    -------------------------------------------------------------------
    • Xem chi tiết về Bảng giá chụp ảnh món ăn
    • Hoặc Bang gia chup anh mon an

    ReplyDelete
  5. Thanks thớt rất nhiều

    Giã Quỳ – Sales
    -------------------------------------------------------------------
    Xem chi tiết về Bảng giá dịch vụ chụp hình sự kiện
    Hoặc Bang gia dich vu chup hinh su kien

    ReplyDelete
  6. Cám ơn thớt nhe

    Thảo Nguyên – Dịch vu chụp hình
    -------------------------------------------------------------------
    Xem chi tiết về Bảng giá dịch vụ chụp hình phóng sự cưới
    Hoặc Bang gia dich vu chup hinh phong su cuoi

    ReplyDelete
  7. Thanks Ad ^^
    ................................................................................................
    Sunpo Corporation
    Chuyên kinh doanh máy nước nóng năng lượng mặt trời – liên doanh Úc và Israel.
    Tel: 08. 3984 3985 – 0984 53 22 55
    Mail: info@sunpo.com.vn
    Click xem chi tiết: máy nước nóng năng lượng mặt trời nào tốt hoặc may nuoc nong nang luong mat troi nao tot

    ReplyDelete
  8. If you are stuck with your Management assignment then in this case you can opt for our Management Assignment. we provide the bestOnline home work.We also provideLeadership Assignment Help for students across the globe. for more information contact us +16692714848.

    ReplyDelete

Không ngừng HỌC HỎI - SÁNG TẠO và PHÁT TRIỂN.

Châm ngôn sống

Bài viết đáng chú ý

Video hot

Đóng góp - Thắc mắc


Tìm mình trên Facebook: fb.com/conanpt hoặc yahoo: hoabinh_cxx0810 (cứ để lại tin nhắn mình trả lời ngay)
Rất vui được sự đóng góp và cùng giải đáp thắc mắc của các bạn!

Bình luận mới nhất