Một số mẫu rating do Sera thiết kế

Trước khi cập nhật lại bài hướng dẫn này, mình rất thoải mái trong việc các bạn có thể sử dụng những mẫu rating do mình tự thiết kế mà không cần xin phép hay ghi nguồn gì cả, chỉ cần các bạn không tự nhận là của mình là được. Thế nhưng sau một thời gian dài không ngụp lặn trên internet, mình phát hiện có rất nhiều người mang các bài hướng dẫn của mình ra khỏi blog Gió Xanh mà không một lời xin phép, cũng không hề ghi nguồn, thậm chí còn sửa tên của mình thành tên của họ và tự nhận là họ viết. Cho nên kể từ bây giờ (20/10/2019), nếu các bạn sử dụng các mẫu rating của mình cho blog của các bạn, xin hãy ghi nguồn cho mình như một cách tôn trọng người viết. Các bạn có thể sao chép và dán code của 1 trong 2 mẫu ghi nguồn mà mình đã viết sẵn dưới đây để dán vào widget Text của blog nhé. Nếu các bạn không biết widget Text là gì và cách sử dụng widget này như thế nào thì hãy bấm vào ĐÂY để đọc nhé macco

Mẫu 1:

Hình ảnh sử dụng để làm rating (Rating Style) trong blog được thiết kế bởi Sera Hwang

Code:

<p style="text-align: justify; word-break: break-word; font-family: Times New Roman; font-size: 14pt; line-height: 1.5;">Hình ảnh sử dụng để làm rating (Rating Style) trong blog được thiết kế bởi <strong><span style="color: #5e008a;"><a style="color: #5e008a;" href="https://wptutbyserahwang.wordpress.com/2016/01/03/ratings/2/#design-rating" target="_blank" rel="noopener">Sera Hwang</a></span></strong></p>

Mẫu 2:

Hình ảnh sử dụng để làm rating (Rating Style) trong blog được thiết kế bởi Sera Hwang

Code:

<div style="background: url('https://huynhvuphonganh.files.wordpress.com/2019/10/lvd.jpg'); padding: 10px;">
<div style="background: rgba(255,255,255,0.8); border-radius: 10px; padding: 10px; text-align: justify; word-break: break-word; font-family: Times New Roman; font-size: 14pt; line-height: 1.5;">Hình ảnh sử dụng để làm rating (Rating Style) trong blog được thiết kế bởi <strong><span style="color: #5e008a;"><a style="color: #5e008a;" href="https://wptutbyserahwang.wordpress.com/2016/01/03/ratings/2/#design-rating" target="_blank" rel="noopener">Sera Hwang</a></span></strong></div>
</div>


dautay Các mẫu rating được làm bởi Sera Hwang dautay

Lưu ý: Các bạn chọn Star Size như thế nào (16px, 20px, 24px) thì cũng phải chọn đúng kích thước rating như thế thì mới đảm bảo rằng rating sẽ hiện đúng, ví dụ như bạn chọn Star Size là 20px mà lại dán địa chỉ hình ảnh của rating 24px thì rating sẽ bị lệch đó 

20/10/2019: Đã cập nhật thêm 7 mẫu 5 Star Rating mới!

Cập nhật các mẫu 5 Star Rating mới nhất
Demo Rating 16px 20px 24px
1. Các loại quả
Demo Rating 16px 20px 24px
2. Hoa lá
Demo Rating 16px 20px 24px
3. Nấm
Demo Rating 16px 20px 24px
4. Các loài động vật
Demo Rating 16px 20px 24px
5. Trái tim
Demo Rating 16px 20px 24px
6. Đồ ăn
Demo Rating 16px 20px 24px
7. Đồ vật
Demo Rating 16px 20px 24px
8. Biểu tượng cảm xúc
Demo Rating 16px 20px 24px

↑ Về bảng nội dung ↑

VUI LÒNG KHÔNG SAO CHÉP BÀI VIẾT NÀY! CÁM ƠN CÁC BẠN!

Nguồn bài viết: https://wptutbyserahwang.wordpress.com/

About Sera Hwang

~ Forever Young ~

99 responses »

  1. Rất có ích thank Sera

    Like

  2. trời đất ơi sao lại cute thế này ~~~

    Liked by 1 person

  3. cuamiina says:

    Cảm ơn nhiều lắm luôn í ~~~~ cảm ơn chế nhà

    Liked by 1 person

  4. Sera ơi, mình muốn hỏi cái khung nội dung bên phải, mình để ý là bạn có một khung ảnh màu trắng làm mờ hình nền, bạn chỉ mình với ❤

    Liked by 3 people

    • Sera Hwang says:

      Mình qua blog của bạn thì thấy bạn biết cách tạo hình nền cho bài viết rồi đúng không? Vậy thì bạn chỉ cần thêm đoạn code dưới đây vào sau code tạo hình nền và trước nội dung bài viết là xong  ^^

       Code:

      <div style="margin: 0; background-color: rgba(255,255,255,0.6); padding: 7px; word-wrap: break-word; border-radius: 0;">CHÈN NỘI DUNG VÀO ĐÂY</div>

      Phần chữ màu cam là độ trong suốt của nền với giá trị nhỏ hơn 1, bạn chỉnh cái này càng nhỏ thì độ trong suốt của nền càng lớn. Ở đây mình mặc định màu nền là màu trắng (mã rgb là 255,255,255), còn nếu bạn thích nền màu khác thì có thể thay đổi tuỳ ý nhé ^^ À, mình có thêm thuộc tính bo tròn (border-radius) và margin vào code nữa, nếu bạn muốn bo tròn 4 góc của nền thì thêm giá trị cho thuộc tính này nhé, còn margin là đề phòng trường hợp code hình nền trước đó của bạn chưa có padding, nếu có rồi thì bạn không cần quan tâm đến nó làm gì cả, còn padding là khoảng cách tính từ viền vào nội dung bài viết, bạn có thể tăng lên hoặc giảm đi tuỳ ý ^^

      P/S: Nếu bạn vẫn chưa rõ là chèn vào đâu thì mình sẽ ví dụ cho bạn xem với đoạn code Lịch post bên blog của bạn nhé ^^
       Code:

      <div style="border: 5px double #ffc0cb; padding: 10px; background-image: url('https://media4.giphy.com/media/3oEdv6UbtD0ICxe8Ba/200.gif'); margin: px; font-size: 16px; font-family: Tahoma; color: #370282; text-align: justify; line-height: 24px; overflow: hidden;">
      <div style="margin: 0; background-color: rgba(255,255,255,0.6); padding: 7px; word-wrap: break-word; border-radius: 0;"><img class=" size-full wp-image-3720 alignnone" src="https://macthienyblog.files.wordpress.com/2015/06/lich-post-macthienyblog-wordpress-com.png" alt="lich post-macthienyblog.wordpress.com" width="144" height="41" />
      <span style="color: #ff0000;"><img src="https://macthienyblog.files.wordpress.com/2014/12/starround.gif" alt="" /> <strong>Cung Lược</strong>: không có lịch đăng cụ thể</span>
      <span style="color: #ff0000;"><img src="https://macthienyblog.files.wordpress.com/2014/12/starround.gif" alt="" /> <strong>Pháp sư Vô Tâm</strong>: tạm drop.
      <span style="color: #ff0000;"><img src="https://macthienyblog.files.wordpress.com/2014/12/starround.gif" alt="" /> <strong>Từ quả phụ đến quý phụ</strong>: không có lịch đăng cụ thể.</span></span>
      <p style="text-align: center;"><img class=" wp-image-3151 size-full alignnone" src="https://macthienyblog.files.wordpress.com/2015/05/i0.gif" alt="i0" width="90" height="100" /><a href="https://macthienyblog.files.wordpress.com/2015/05/i1.gif"><img class=" size-full wp-image-3150 alignnone" src="https://macthienyblog.files.wordpress.com/2015/05/i1.gif" alt="i1" width="90" height="100" /></a></p>
      </div>
      </div>

       Kết quả:

      lich post-macthienyblog.wordpress.com
      Cung Lược: không có lịch đăng cụ thể
      Pháp sư Vô Tâm: tạm drop.
      Từ quả phụ đến quý phụ: không có lịch đăng cụ thể.

      i0i1

      Like

    • sera ơi, nó không có hiện dòng code ra kìa

      Liked by 3 people

    • Sera Hwang says:

      Lạ thật đấy nhỉ, mình vẫn thấy nó hiện bình thường mà @@ Hôm qua cũng có bạn kêu không click vô link trong comment của mình được, không biết là tại sao nữa, trong khi mình kể cả log in hay không log in WordPress thì đều vẫn xem được bình thường @@ Bạn có thể chụp hình lại cho mình xem được không? Còn code cho bạn mình đã dán vào một bài viết bên blog phụ của mình rồi nhé ^^ Bạn vào link dưới đây để lấy code nha, pass là macthieny
      https://huynhvuphonganh.wordpress.com/2016/01/25/code-cho-mac-thien-y/

      Liked by 1 person

    • tình yêu ơi cám ơn tình yêu lắm lắm lắm, còn đây là hình code bạn gửi cho mình: http://i.imgur.com/zF69xKS.png

      Liked by 1 person

    • Sera Hwang says:

      Ồ, thì ra là bạn xem comment của mình qua notification sao? Nếu vậy thì khả năng không nhìn thấy code hay link khá là cao đó, bạn nên xem trực tiếp comment bên blog của mình thì chắc là vẫn thấy đó ^^ Bạn thử vào trực tiếp bằng link này xem có thấy code không nhé ^^ https://wptutbyserahwang.wordpress.com/2016/01/03/ratings/comment-page-1/#comment-602

      Liked by 1 person

  5. Lục Nặc says:

    Sera ơi. bình thường kẻ bảng trong wp thì nó không hiện hẳn màu ra như thế này. bạn chỉ mình cách làm với

    Liked by 1 person

    • Lục Nặc says:

      cả cách tạo đường bao như thế này nữa ạ.

      Cám ơn

      Liked by 1 person

    • Sera Hwang says:

      Nếu bạn chỉ hỏi code viền bao ngoài thôi thì bạn có thể tham khảo một số code dưới đây, còn nếu bạn muốn hỏi cách tạo cả cái khung nội dung đó thì phản hồi lại nhé, mình sẽ đưa code cho bạn ^^
      Một số code đường viền:
      Dạng nét liền (solid)

      <div style="padding: 8px; border: 2px solid #FF1493; word-wrap: break-word;">CHÈN NỘI DUNG VÀO ĐÂY</div>

      Dạng dấu chấm (dotted)

      <div style="padding: 8px; border: 2px dotted #FF69B4; word-wrap: break-word;">CHÈN NỘI DUNG VÀO ĐÂY</div>

      Dạng nét đứt (dashed)

      <div style="padding: 8px; border: 2px dashed #FF4500; word-wrap: break-word;">CHÈN NỘI DUNG VÀO ĐÂY</div>

      Dạng nét đôi (double)

      <div style="padding: 8px; border: 6px double #8A2BE2; word-wrap: break-word;">CHÈN NỘI DUNG VÀO ĐÂY</div>

      Dạng đường rãnh (groove)

      <div style="padding: 8px; border: 10px groove salmon; word-wrap: break-word;">CHÈN NỘI DUNG VÀO ĐÂY</div>

      Dạng chóp (ridge)

      <div style="padding: 8px; border: 10px ridge salmon; word-wrap: break-word;">CHÈN NỘI DUNG VÀO ĐÂY</div>

      Dạng đổ bóng bên trong (inset)

      <div style="padding: 8px; border: 10px inset #8FBC8F; word-wrap: break-word;">CHÈN NỘI DUNG VÀO ĐÂY</div>

      Dạng đổ bóng bên ngoài (outset)

      <div style="padding: 8px; border: 10px outset #8FBC8F; word-wrap: break-word;">CHÈN NỘI DUNG VÀO ĐÂY</div>

      Trong đó:

      Phần chữ màu đỏ là độ dày của đường viền

      Phần chữ màu xanh lá là loại đường viền (solid, dotted, dashed,…)

      Phần chữ màu hồng là màu đường viền, có thể sử dụng tên gọi của màu (red, black,…), mã màu hex (#ffffff, #ff0000,…) hoặc các loại mã màu khác để thay màu cho đường viền. Về phần mã màu hex thì bạn có thể xem và lấy mã màu ở ĐÂY nhé ^^

      Liked by 2 people

    • Sera Hwang says:

      Cái bảng thì có thể do mặc định một số theme sẽ không hiện đường kẻ, còn nếu bạn muốn nó hiện đường kẻ và màu viền giống mình thì bạn cần thêm thuộc tính border vào code tạo bảng. Bạn tìm đến thẻ <table> và thẻ <td> (hoặc <th> nếu có) và thêm thuộc tính border cho chúng. Ví dụ như cái bảng xanh của mình ở trên thì mình thêm cho nó thuộc tính border: 2px solid #1E90FF (nghĩa là đường viền nét liền, độ dày viền là 2px, màu viền là #1E90FF.

      Giả sử code ban đầu của bạn là đoạn này:

      <table>
      <tr>
      <td>Dòng 1, Cột 1</td>
      <td>Dòng 1, Cột 2</td>
      </tr>
      <tr>
      <td>Dòng 2, Cột 1</td>
      <td>Dòng 2, Cột 2</td>
      </tr>
      </table>

      Sau khi thêm thuộc tính border ở trên thì nó sẽ thành:

      <table style="border: 2px solid #1E90FF;">
      <tr>
      <td style="border: 2px solid #1E90FF;">Dòng 1, Cột 1</td>
      <td style="border: 2px solid #1E90FF;">Dòng 1, Cột 2</td>
      </tr>
      <tr>
      <td style="border: 2px solid #1E90FF;">Dòng 2, Cột 1</td>
      <td style="border: 2px solid #1E90FF;">Dòng 2, Cột 2</td>
      </tr>
      </table>

      Like

    • Lục Năc says:

      Cám ơn sera nhiều nhé. mình làm được rồi ạ.

      Like

  6. tieusoai221 says:

    Cám ơn Sera nhiều, bài đọc rất bổ ích, ước gì Sera có thêm mấy cái ratings con mều nữa ~~~~

    Liked by 1 person

  7. Fin Anthony says:

    Cậu ơi mình có cách nào biết được ai rate các bài viết không? Các bài viết bên nhà mình toàn bị rate một sao, thiệt muốn biết ‘danh tính’ bạn đó ghê -.-

    Like

    • Sera Hwang says:

      Rất tiếc là không được bạn ạ 😦 Không có cách nào tìm ra những thanh niên chơi lầy đó đâu =.=”

      Like

    • Fin Anthony says:

      😭 Chương nào nhà mình làm cũng bị rate vầy hết á, mấy chục chương chứ ít gì 😭 thiệt muốn úp sọt cái đứa đó, nếu đã ghét thì thôi đi, còn vào nhà họ đọc truyện làm gì không biết .-.

      Liked by 1 person

  8. Kidu says:

    Chị ơi, khi tạo bảng mình có thể chỉnh sửa kích thước các cột được không ạ?

    Like

  9. XiaoJiang says:

    Sera ơi, wp nhà mình không thấy cái bảng điều khiển chỗ nào :”< bạn biết nó bị sao không?

    Like

  10. koroko says:

    Sera nàng có thể chỉ cho mình làm cái bảng nội dung phía trên được không ? hình ảnh bên trong ấy có loại nào động không bạn. Mình cảm ơn ^^

    Like

  11. MiêuNhi says:

    Nàng ơi, các demo rating sao mình click vào mà không thấy link

    Liked by 1 person

    • Sera Hwang says:

      Mỗi rating đều có 3 cột kích cỡ tương ứng là 16px, 20px, 24px, bạn chọn cái nào chỉ cần click chuột phải vào hình ảnh rating ở cột tương ứng rồi lưu hình về là được mà, nếu bạn ngại lưu thì chọn sao chép địa chỉ (url) hình ảnh rồi dán link ảnh vào ô Custom Image cũng được mà

      Liked by 2 people

    • MiêuNhi says:

      mình cảm ơn bạn nhiều

      Liked by 1 person

  12. cảm ơn Sera rất nhiều, bài viết rất bổ ích^^

    Like

  13. Cho mình mượn hình con bướm nha! Mà cám ơn bạn, bài viết rất hay, rất bổ ích cho mình mà cũng đẹp nữa! ^^

    Liked by 2 people

  14. Thiên Diên says:

    Bạn cho mình hỏi, khi mình xem theme của nhà bạn, hình như bạn ẩn tên của theme rồi phải không 🙂 , bạn có thể chỉ cho mình code hoặc cách ẩn tên của theme được không, mình cảm ơn!

    Like

    • Sera Hwang says:

      Không phải mình ẩn tên theme đâu bạn. Có lẽ do theme Selecta mình đang dùng hiện nay đã bị WordPress cho ra rìa (retired) và không còn xuất hiện trong danh sách theme trên trang theme.wordpress.com nữa nên nó không hiện tên theme nữa ^^!

      Like

    • Thiên Diên says:

      Hì, mình biết rồi, cảm ơn bạn nhiều nhe 🙂 Bạn chia sẻ nhiều tut rất hay! 😀

      Like

  15. 煌老 衺 says:

    nhờ có chị em biết thêm rất nhiều. tks tình yêu ạ

    Liked by 1 person

  16. Tuyết Tinh says:

    Bạn ơi! Mình thấy có vài blog tạo trang click vào bên dưới có hiện thêm một số mảng cần tìm nữa . Nếu muốn tạo giống vậy thì mình phải làm sao?
    VD: click vào mục ” ngôn tình” hiện ra các tên truyện : Bến xe, Xướng môn nữ hầu,… dọc đi xuống đó bạn.

    Like

  17. Tuyết Tinh says:

    đúng rồi đó bạn! bạn chỉ mình cách làm với!

    Like

  18. Như YO says:

    Bạn có thể chỉ cho mình làm mấy cái hình động được hơm ? :<

    Like

    • Sera Hwang says:

      Mình làm bằng Photoshop, bạn có thể tìm trên Google cách làm ảnh động bằng Photoshop để tìm hiểu nhé

      Like

  19. Linh Lệ says:

    mình đã làm, và đã thành công. đa tạ

    Like

  20. Mình đã làm và thất bại. vì wordpress thế này: “The page requested does not exist
    The page you requested does not exist, or you do not have have the necessary privileges to access it. You may return to the dashboard of MIRU LIM by clicking here.

    If you reached this screen by accident and meant to visit one your own sites, here are some shortcuts to help you find your way.

    Trang Mạng Của Bạn”. không tồn tại

    Like

    • Sera Hwang says:

      Phiền bạn chụp lại toàn bộ màn hình lúc hiện thông báo này được không? Ừm, ý mình là bạn chụp toàn bộ màn hình trang web lúc đó ấy, không cắt nhé

      Like

    • Sera Hwang says:

      Ừm, bạn thử với liên kết này thử xem nhé: Địa chỉ blog của bạn/wp-admin/admin.php?page=ratings

      Liked by 1 person

  21. Gió says:

    size ảnh em đã chỉnh như chỉ dẫn nhưng vẫn bị mất góc ạ 😦

    Like

  22. bạn ơi sao mình không thấy chỗ rating nhỉ

    Like

  23. Nhạc Dao says:

    Sera cho mình hỏi là làm sao bạn tạo được mấy rating icon khác vậy? Mình không biết làm sao hết :((

    Like

    • Sera Hwang says:

      Câu hỏi của bạn có trong bài này mà, bạn chưa đọc kĩ sao? Mình có dẫn link hướng dẫn ở ngay trong bài viết này đấy

      Like

    • Nhạc Dao says:

      Ý hình là làm sao có được mấy hình ấy ạ, vì mình làm thử thì hình vẫn bị mờ :((

      Like

    • Sera Hwang says:

      Theo như mình thấy ở bên blog của bạn thì bạn làm rating chưa đúng cách, vì rating của bạn bị lệch, bạn có thể bấm sang trang 2 của bài này để xem mẫu rating mình thiết kế. Nếu hình ảnh làm rating của bạn không có dạng tương tự như rating của mình thì rating của bạn sẽ bị lệch là đương nhiên. Rating gồm 6 hình nhỏ có kích thước bằng nhau, được xếp thành 2 cột và 3 hàng, ở trong link hướng dẫn mình đưa đã có hướng dẫn đầy đủ rồi mà.

      Liked by 1 person

    • Nhạc Dao says:

      Vâng, mình cảm ơn ạ
      Do mình không nhìn thấy trang 2 ấy, xin lỗi vì đã làm phiền bạn 😭😭

      Like

    • Sera Hwang says:

      Không có gì, quan trọng là bạn phải đọc kĩ nội dung bài viết, nếu bạn đọc kỹ thì sẽ không gặp chuyện như vậy, và trang 2 này mình gắn link ở ngay bảng nội dung ở trang 1 đó, mình cũng dẫn link ngay ở trang 1 mà. Mình viết hướng dẫn đều cố gắng viết chi tiết nhất có thể, thế nên đừng đọc qua loa nhé :))

      Liked by 1 person

    • Nhạc Dao says:

      Vâng, cảm ơn bạn đã nhiệt tình trả lời câu hỏi của mình ạ

      Liked by 1 person

  24. Nhạc Dao says:

    Mình đã làm được rồi, cảm ơn Sera nhiều :’)

    Like

  25. Lâm Tư Nguyệt says:

    chị sera ơi làm sao để lấy code mấy cái ảnh động đó vậy ạ ?

    Like

    • Sera Hwang says:

      Ảnh động nào hả em? Ảnh động rating á? Mà ý em là code gì? Code để chèn hình ảnh vào bài viết hay là em muốn lấy địa chỉ (còn gọi là url, liên kết, link) của hình ảnh?

      Like

    • Cua Nhỏ says:

      em cảm ơn chị Sera, em làm đc rồi ạ

      Like

  26. Hạ Huyền says:

    Bạn ơi khi có người nhấn vào cái nút đánh giá đấy thì chủ blog có nhận được thông báo không? Có nhìn thấy người vote là ai không?

    Like

  27. […] Hình ảnh sử dụng để làm rating (Rating Style) trong blog được thiết kế bởi Sera Hwang […]

    Like

  28. Mình muốn chỉnh background nhưng chỗ thiết kế wordpress của mình không có, làm sao để nó hiện lên để dùng được ạ, mình cảm ơn.

    Like

  29. Xiang says:

    Em chào chị ạ, chị xem giúp em với vì em chèn 2 đoạn code của chị vào widget text đều không được 😦 https://imgur.com/a/R7DS3X6

    Like

  30. Thanh Thanh says:

    Chị ơi em muốn thêm phần rating vào thì như nào ạ, em đọc em không hiểu lắm tại em cũng mới dùng thôi chưa tìm hiểu hết về wp ạ

    Like

    • Sera Hwang says:

      Ở bên dưới có video hướng dẫn mà em ^^! Nếu em mới dùng WordPress thì em đọc series Hướng dẫn WordPress cơ bản trên blog của chị trước đã nhé ^^

      Like

    • Thanh Thanh says:

      Chị ơi em bật rating lên như cách chị hướng dẫn rồi nhưng em muốn thay biểu tượng từ ngôi sao sang mấy mẫu rating mà chị thiết kế thì làm kiểu gì ạ? Em mò mãi mà vẫn không hiểu chỗ ấy ạ, huhu

      Liked by 1 person

    • Thanh Thanh says:

      Chị ơi cảm ơn chị nhiều lắm, em làm được rồi ạ! Do em không xem video chị để bên dưới nên em hỏi câu ngớ ngẩn quá ạ T.T

      Like

    • Thanh Thanh says:

      chị ơi tiện cho em hỏi là em muốn khi ấn vào 1 mục nào ấy trên menu mà để mở sang tab mới thì làm sao ạ? Sáng nay em có đọc đoạn ấy rồi nhưng em lại quên mất chưa sửa, giờ em không biết đoạn ấy ở đâu nữa rồi :(((

      Like

    • Sera Hwang says:

      Em xem ở bài này nhé: https://wptutbyserahwang.wordpress.com/2019/04/29/wordpress-co-ban/6/#main
      Nó nằm ở phần các thao tác mở rộng ở gần cuối ấy

      Liked by 1 person

  31. Lăng Đang says:

    Chị Sera ơi cho em hỏi cách tự tạo mẫu rating với ạ, em dùng gif và thử ghép các gif lại với nhau trên photoshop thì nó bị vỡ hình luôn ấy ạ

    Like

  32. Dạ cho em xin tên bài hát đầu tiên của video hướng dẫn đi ạ. Em cám ơn

    Like

  33. Dạ em cám ơn

    Liked by 2 people

  34. Thanh Thanh says:

    chị ơi, em có vào làm rồi nhưng đến lúc không hiện chữ lưu lên sau khi em đổi xong ấy ạ. cái phần nâng cao ấy ạ

    Like

    • Sera Hwang says:

      Có lẽ cái nút đó hiện tại đang bị lỗi em ạ, chị cũng không sửa được. Đành đợi một vài ngày nữa xem sao, giờ chị cũng chưa có thời gian tìm hiểu kỹ hơn. Có một cách chữa cháy tạm thời là dùng code rating bên Crowsignal cho từng bài viết. Nhưng mà như thế cũng hơi phiền, em cứ đợi thêm 1 thời gian nữa xem sao, nếu không cài được thì chị sẽ dạy em cách lấy code rating bên Crowsignal nhé ^^!

      Like

    • Thanh Thanh says:

      Cảm ơn chị đã rep lại em ạ. Em thấy bị lỗi trên lap nên em chuyển sang làm thử trên điện thoại và được rồi ạ. Mất công và bất tiện hơn làm trên lap nhưng cuối cùng cũng được rồi ạ. Cảm ơn chị vì đã chia sẻ nội dung hay như này ạ 🤗

      Like

    • Sera Hwang says:

      Không có gì nha em ^^~

      Like

  35. […] Hình ảnh sử dụng để làm rating (Rating Style) trong blog được thiết kế bởi Sera Hwang […]

    Like

  36. Sera ơi, sao em không thấy nút Save Changes của phần Advanced Settings thế ạ :(((

    Like

    • Sera Hwang says:

      Có lẽ WordPress đang cập nhật vài thay đổi mới nên phần này bị ảnh hưởng, thời gian qua chị có chút chuyện nên không online được nên cũng chưa tìm hiểu kỹ được. Hiện tại thì cái nút Save này đang bị vô hiệu, nhưng mà vẫn còn cách khác là dùng code ratings trên crowdsignal. Em thích kiểu ratings nào trong các mẫu có sẵn hoặc ratings em tự làm thì em gửi ảnh mẫu đó cho chị, chị sẽ tạo code rating cho em. Nhưng phiền vì mỗi khi đăng bài hay trang thì em sẽ phải dán code rating lên đầu hoặc cuối bài.

      Like

🌸 Gửi bình luận 😁 . Vui lòng viết tiếng Việt có dấu, không viết teencode và các thể loại viết tắt hại não khác 😰. Những phản hồi không dấu, viết tắt (dù chỉ là một từ) và chứa teencode hại não sẽ không được xét duyệt và bị xóa ngay lập tức! 😌 Để chèn hình ảnh hoặc emo vào comment, các bạn chỉ cần paste link của hình ảnh hoặc emo đó vào comment là được, khi xét duyệt phản hồi sẽ tự động chuyển thành hình ảnh hoặc emo tương ứng 😘 Không chèn code vào bình luận vì code không hiển thị được đâu 🤣 Dạo này công việc của mình khá bận, không online thường xuyên được nên các bạn thông cảm nhé 😊

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s