-->

Tạo trang toàn bộ nhận xét với tính năng load more

21.10.23 | 0 nhận xét | lượt xem
Nội Dung Chính [Ẩn] [Hiển thị]
    Tiện ích này sẽ giúp hiển thị toàn bộ nhận xét trên blogspot của bạn, tất nhiên không hiển thị đồng loạt toàn bộ và sẽ hiển thị theo cài đặt của bạn bao nhiêu nhận xét một lần load
    Tiện ích này của tác giả Hưng Hoàng Văn và anh em có thể xem bài viết gốc tại đây
    Ngoài ra mình cũng chỉnh sửa một chút khác với phiên bản gốc vì cá nhân mình cảm thấy phù hợp hơn như
    1. Thay avatar cho nhận xét ẩn danh hoặc không có avatar
    2. Bỏ link ở avatar đi
    3. Thay link ở tên người nhận xét bằng link ID của người đó
    4. Cho link dẫn đến nhận xét trong bài viết vào nội dung nhận xét
    5. Thêm target="blank" cho các link
    6. Đổi title thành nội dung nhận xét và ngược lại so với bản gốc
    7. Thay đổi style
    Demo

    HTML

    <div id="rcp">
        <div class="_rcp"></div>
        <div class="_rcp-more"><a class="rcp-load button">Xem thêm</a>
            <div class="loader"></div>
        </div>
    </div>

    CSS

    ._rcp {
        width:100%
    }
    .rcp-content {
        margin:25px 0;
        padding:0;
        width:100%;
        position:relative
    }
    .rcp-img,.rcp-img img {
        width:48px;
        height:48px;
        float:left;
        margin-right:10px;
        border-radius:50%
    }
    .rcp-main {
        border:1px solid #ddd;
        padding:10px;
        overflow:hidden
    }
    .rcp-user a {
        font-weight:700;
        text-decoration:none;
        display:block
    }
    .rcp-summary a {
        color:#333!important
    }
    ._rcp-more .loader {
        display:none
    }
    ._rcp-more {
        margin:20px 0;
        text-align:center
    }
    .button {
    	border-radius:3px;
        background:#005b53;
        color:#fff!important;
        text-decoration:none!important;
        cursor:pointer;padding:5px 10px;
        margin-bottom:5px;
        border:0}
    .button:hover {
    	background:#000;
    }
    

    JS

    
    
    Bạn đang xem bài viết "Tạo trang toàn bộ nhận xét với tính năng load more" tại chuyên mục: Blogspot , Javascript

    0

    nhận xét

    Hướng dẫn