Cách chèn Star rating cho blogspot


Bạn có biết về Reaction Widget ( phản ứng của người dùng) ? Bạn có thể dễ dàng thấy widget này ở nhiều website, nhiều blogger sử dụng widget này để theo dõi phản ứng của người dùng về bài viết của họ. Người đọc cũng dễ dàng chỉ định bài viết đó có hay hoặc hữu ích hay không, đồng thời nó cũng giúp  bạn theo dõi những bài viết nào được mọi người ưa chuộng và không. Hầu hết những blogger đều sử dụng Reactions widget mặc định , hôm nay tôi sẽ giúp các blogger sử dụng một Reactions widget khác , chuyên nghiệp và dễ quản lý hơn rất nhiều.

Cách chèn Star rating cho blogspot 1

Các bước thực hiện như sau:
1 . Đăng nhập vào Blog, Tìm tới Dashboard (Bảng điều khiển) – > Design (Thiết kế) / Edit HTML (Chỉnh sửa HTML).
2. Click “Expand Widet Templates “ ( Mở rộng mẫu tiện ích );
3. Nhớ lưu lại template trước khi tiến hành làm bất cứ thay đổi điều gì ở giao diện , nếu không bạn sẽ phải hối hận nhiều nếu làm sai đó.
4. Tìm thẻ sau đây trong template </head>
5. Sau đó chèn đoạn code sau đây ngay trước nó :

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

6. Bây giờ bạn tìm <data:post.body/> trong template
7 Chèn đoạn code sau ngay trên nó :

<b:if cond='data:blog.pageType != &quot;static_page&quot;'><div expr:id='"labels_" + 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>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[[&#39;&lt;img src=&quot;http://static.graddit.com/img/star.png&quot;/&gt;&#39;]]}</div><div expr:id='&quot;ffbs_stats_&quot; + data:post.id' class='ffbs_stats'></div><script type='text/javascript' 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;'></script></b:if>

8 Lưu lại template
Chúc các bạn thành công, nếu bạn có thắc mắc hay làm không được bạn có thể để lại câu hỏi, mình sẽ giúp các bạn


Tin Tức Liên Quan

Tin Tức Nổi Bật

Những template bằng HTML5 và CSS3 bạn không nên bỏ qua

Những template bằng HTML5 và CSS3 bạn không nên bỏ qua

Bạn đang tìm kiếm những template có chất lượng bằng HTML5 và ...
14 cách giúp bạn tối ưu và giảm dung lượng file css

14 cách giúp bạn tối ưu và giảm dung lượng file css

Tối ưu hóa và giảm dung lượng file css là một kỹ thuật mà ...
9 cách đặt từ khóa (keyword) hiệu quả cho trang web của bạn

9 cách đặt từ khóa (keyword) hiệu quả cho trang web của bạn

Để trang web có thứ hạng cao trên Google thì từ khóa (Keyword ) ...
Thủ thuật javacript : Tạo nhạc nền ngẫu nhiên cho web

Thủ thuật javacript : Tạo nhạc nền ngẫu nhiên cho web

Có khi nào bạn lướt xem 1 trang web, và thấy trang đó chạy ngẫu ...
10 lý do khiến website bán lẻ mất khách

10 lý do khiến website bán lẻ mất khách

Sự minh bạch và rõ ràng trong giá cả là chìa khóa của thế ...

Dịch Vụ Nổi Bật

Thiết Kế Website

Thiết Kế Website

Hướng đến sư tiện lợi. chất lượng cũng như uy tín dành cho ...
Dịch Vụ SEO

Dịch Vụ SEO

Bạn vừa mới thiết kế website? Bạn muốn quảng bá thương ...
Dịch Vụ Webmaster

Dịch Vụ Webmaster

Bạn bận rộn với cuộc sống, bận rộn với công việc của ...
Dạy Kèm Môn Học Thiết Kế Website

Dạy Kèm Môn Học Thiết Kế Website

Nhầm đáp ứng nhu cầu ham học hỏi, tìm tòi, nghiên cứu, muốn ...
Quảng Cáo Trên Mạng Xã Hội

Quảng Cáo Trên Mạng Xã Hội

Với sự bùng nổ của mạng xã hội ảo trong các năm gần đây, ...
Website Đóng Gói

Website Đóng Gói

Để tạo sự thuận tiện cho khách hàng trong việc lựa chọn giao ...

CÁC ĐỐI TÁC CHÍNH VÀ KHÁCH HÀNG CỦA CHÚNG TÔI

http://buonban5s.com
http://viecgiadinh.com
24hame.com