Tạo đánh giá 5 sao cho bài viết chuẩn SEO - 5 star rating with css and html

 5 star rating with css and html - CodePen

Chào anh em, sau khi tìm hiểu và xin xỏ rất nhiều nơi, và làm theo đều không được. Tôi đã tìm ra phương pháp gán 5 sao cho bài viết đơn giản và chuẩn nhất. Chắc mấy pro đều biết nhưng họ dấu không share, cay thật. Tính tui thì khác, biết gì nói đó, bạn chăm hơn giỏi hơn tui thì bạn kiếm được nhiều hơn đó là điều đáng mừng. Thôi không lan man nữa, vào việc ngay thôi.

 Đầu tiên mấy ông vào web rating-widget.com và chọn mục blogger như hình dưới.

Ok rồi, sau khi vào sẽ bắt các ông login, ai thích log kiểu gì thì kiểu, chỉ cần vào là đc để add blog mình ấy mà. 

Khi login và add thành công web thì sẽ có giao diện như dưới, mấy ông tuỳ ý chỉnh theo sở thích cá nhân nhé.

Ở đây nó cho add cả ngôn ngữ tiếng việt nữa nên rất chi là tiện. Sau khi xong các thao tác chỉnh sửa theo ý thích, mấy ông click vào SHOW SOURCE CODE để lấy code về web

Rồi, đến đây các ông copy cái đoạn code trong phần đen kia về blog, vào phần edit html và quẳng trước </body> là ok. Tiếp theo mấy ông tìm đến <div class='post-header-line-1'/> và dán đoạn code bên dưới vào sau đoạn code vừa tìm được. (Ở đây mình chọn đặt tiện ích dưới tiêu đề và trên nội dung, có thể chọn vị trí khác tùy ý).

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

Cuối cùng Lưu templae lại là xong. Ngoài ra tiện ích có thể tùy biến thêm để đa dạng hơn, mấy ông có thể tự tìm hiểu thêm hoặc có thắc mắc hãy để lại comment bên dưới để được hỗ trợ và trao đổi thêm nhé.

Vịt - ngunglammau.info