Cách thêm bộ đánh giá sao cực đẹp cho bài viết trên Blogspot

Bạn đã nhàm chán với phần đánh giá có sẵn của Blogspot??? Tất nhiên trong chúng ta ai cũng mong muốn có một bộ Rating chuyên nghiệp như WP nhỉ :( Cả bản thân mình thấy công cụ đánh giá của WP rất chuyên nghiệp và mình đã phải chạy đôn chạy đáo khắp Internet để tìm công cụ đánh giá sao tương tự như vậy.

Khi đó cũng tình cờ mò được Rich Snippets của Google, tất nhiên công cụ này cực kì hữu dụng trong việc tăng lượng truy cập, cũng như sự tin cậy cho blog của bạn thông qua các rating (ảo) - thế nên có thể thấy nó vừa có lợi và có hại (bạn có thể search google để tìm hiểu thêm).

Để không mất thời gian của các bạn thì bắt đầu ngay với bài hướng dẫn Cách thêm bộ đánh giá sao cực đẹp cho bài viết trên Blogspot nhé!

#CÁCH THỰC HIỆN

Bước 1: Truy cập link dưới này

Rating Widget

Bước 2: Đăng ký 1 tài khoản Free. Các bạn điền thông tin theo mẫu.
Các bạn nhớ check Email để confirm nhé!

Đăng ký 1 tài khoản Free tại Rating Widget. Các bạn điền thông tin theo mẫu.

Bước 3: Tùy chỉnh Giao diện cho bộ Rating (bao gồm 2 style là Ngôi sao, Like/Dislike, Like).
Sau khi ưng ý bạn hãy sao chép đoạn Code bên phải (như hình).

Ở đây nếu bạn nào thích bộ Rating Star Flat giống mình thì có thể lấy đoạn Code phía dưới cũng được.

LƯU Ý: Nếu lấy đoạn code dưới này, bạn vui lòng thay đổi huid với uid phù hợp với tài khoản RW của bạn nhé!

<script type="text/javascript">(function(d, t, e, m){
    // Async Rating-Widget initialization.
    window.RW_Async_Init = function(){
        RW.init({
            huid: "415214",
            uid: "84bba0c3f48fd9873f54bdfd8e33fae2",
            source: "website",
            options: {
                "advanced": {
                    "layout": {
                        "align": {
                            "hor": "left"
                        }
                    },
                    "font": {
                        "hover": {
                            "color": "#008EAA"
                        },
                        "color": "#008EAA",
                        "type": "tahoma"
                    },
                    "text": {
                        "rateAwful": "Không thú vị",
                        "ratePoor": "Cũng hay",
                        "rateAverage": "Hữu ích",
                        "rateGood": "Hay",
                        "rateExcellent": "Tuyệt vời",
                        "thanks": "Thank you!"
                    }
                },
                "boost": {
                    "rate": 3
                },
                "label": {
                    "background": "#AAD1EB"
                },
                "style": "flat_yellow",
                "isDummy": false
            } 
        });
        RW.render();
    };
        // Append Rating-Widget JavaScript library.
    var rw, s = d.getElementsByTagName(e)[0], id = "rw-js",
        l = d.location, ck = "Y" + t.getFullYear() + 
        "M" + t.getMonth() + "D" + t.getDate(), p = l.protocol,
        f = ((l.search.indexOf("DBG=") > -1) ? "" : ".min"),
        a = ("https:" == p ? "secure." + m + "js/" : "js." + m);
    if (d.getElementById(id)) return;              
    rw = d.createElement(e);
    rw.id = id; rw.async = true; rw.type = "text/javascript";
    rw.src = p + "//" + a + "external" + f + ".js?ck=" + ck;
    s.parentNode.insertBefore(rw, s);
    }(document, new Date(), "script", "rating-widget.com/"));</script>

Bước 4: Copy đoạn HTML phía dưới này và chèn TRƯỚC thẻ <data:post.body/> hoặc bất kì chỗ nào bạn muốn hiển thị Rating.

<div class="rw-ui-container"></div>

INFO: Tùy thuộc mỗi Template sẽ có số lượng thẻ <data:post.body/> khác nhau (thường thì có 3 cái), các bạn cứ tìm và chèn thử đến khi nào xuất hiện thì Ok nhé!