Thêm hiệu ứng trái tim đập theo nhịp cho blogspot

▶ Preview

Để tạo được trái tim - như này, bạn làm theo hướng dẫn sau :

Nhúng Font Awesome

Nếu blog bạn chưa có, bạn hãy tìm đến thẻ đóng </head> và dán đoạn code sau đây vào trước nó.

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />

Thêm CSS

Tiếp theo đó bạn tim đến thẻ đóng ]]></b:skin> và dán đoạn CSS sau đây vào trước nó.

<style type='text/css'>
.pulse{-webkit-animation:pulse .8s linear infinite;-moz-animation:pulse .8s linear infinite;-ms-animation:pulse .8s linear infinite;animation:pulse .8s linear infinite}
@keyframes "pulse"{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}
@-moz-keyframes pulse{0%{-moz-transform:scale(1);transform:scale(1)}50%{-moz-transform:scale(0.8);transform:scale(0.8)}100%{-moz-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes "pulse"{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@-ms-keyframes "pulse"{0%{-ms-transform:scale(1);transform:scale(1)}50%{-ms-transform:scale(0.8);transform:scale(0.8)}100%{-ms-transform:scale(1);transform:scale(1)}}
</style>

Sau đó nhấn 💾 để Lưu lại.
Cuối cùng bạn thêm đoạn code HTML này vào bất cứ vị trí nào bạn muốn trái tim xuất hiện.

<i class='fas fa-heart animated infinite pulse' style='color:red'></i>

Chúc bạn thành công!