Hướng dẫn thêm đánh giá – rating cho blogspot chuẩn 2017

Vừa nhận được chia sẻ của mr Tuấn (sinh hẳn năm 80 ạ) về thêm đánh giá- rating cho blogspot. Nên chia sẻ tới mọi người luôn. (Lâu lắm mới có cái hay mới cập nhập trên mocgin về blogspot )

Hướng dẫn thêm đánh giá - rating cho blogspot chuẩn 2017
rating cho blogspot

Code rating cho blogspot

Thêm đoạn này sau thẻ mở <head>:

<link href='http://static.graddit.com/css/graddit.css' rel='stylesheet' type='text/css'/>

Cách chèn

Chú ý là tùy từng vị trí đặt mà bạn điền code. Với mỗi mẫu template lại có cách điền khác nhau ở mỗi vị trí. Quan trọng là bạn phải thử nơi chèn đánh giá cho hợp lý . Để thử thì các bạn nhớ những điểm sau:

–  Vew source : cái này giúp các bạn xác định đúng vùng cần cho vào nó phải tìm tên là gì.

– Tìm đoạn code mà source mô tả (xem kĩ video). Và khi làm cẩn thận có thể backup.

–  Với mỗi đoạn code các bạn nhớ xem kĩ. Chẳng hạn như dưới video dưới cùng. Mình phải thêm vào 3 lần mới được. Thường điền dưới tiêu đề. Mà tiêu đề lại là h1 (ko search h3). Mỗi h1 có 2 vòng lặp. Bạn thường phải điền dưới thẻ tiêu đề. Xem kĩ video nhé.

 

<b:if cond='data:blog.pageType != &quot;static_page&quot;'><div expr:id='&quot;labels_&quot; + data:post.id' style='display: none; visibility: hidden;'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/>,</b:loop></b:if></div>
 <div class='ffbs_rate' expr:id='data:post.id'>{[['&lt;img
 src=&quot;http://static.graddit.com/img/star.png&quot;/&gt;']]}</div><div class='ffbs_stats' expr:id='&quot;ffbs_stats_&quot; + data:post.id'/><script expr:src='&quot;http://www.graddit.com/rate/eng/5/&quot; + data:post.id + &quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + &quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + &quot;&amp;class_star=ffbs_star_img&amp;class_star_set=ffbs_star_img_set&amp;class_star_vote=ffbs_star_img_vote&amp;views=yes&amp;votes=yes&amp;average=yes&quot;' type='text/javascript'/></b:if>

Video hướng dẫn thêm rating cho blogspot

 

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

Chúc mọi người thành công!

Chú ý: Nội dung trong các bài viết chỉ có tính chất tham khảo. Độc giả vui lòng tham khảo ý kiến của bác sĩ trước bất cứ áp dụng nào! Vui lòng liên hệ để gỡ bài nếu bạn thấy sai và không đúng! Blog xin chân thành cảm ơn!