Thêm Widget Anime Dễ Thương vào Blogspot với Sakana Widget

Gần đây Lycoris đang làm mưa làm gió trong thế giới anime, gợi lại một mùa hè đầy kỷ niệm tuổi trẻ. Sự kết hợp kinh điển giữa những cô gái xinh đẹp và những màn đấu súng (Xinh đẹp quá, dễ thương quá!!) shhh. Đã chứng minh sức hút vượt thời gian, liên tục thu hút một lượng khán giả đáng kể.

Quay lại vấn đề chính, bạn còn nhớ cảnh này trong tập 4 không? Chizuka và Takina dễ thương quá !!! shhh

image_alt image_alt
Preview

Chức năng

  • Đăng ký (tính phí) và sử dụng nhân vật của riêng bạn
  • Tự động điều chỉnh tỷ lệ, tối thiểu 120px
  • Thanh điều khiển cơ sở chuyển đổi vai trò và chức năng khác
  • Chế độ tự hành, tác dụng lực ngẫu nhiên theo các khoảng thời gian ngẫu nhiên
  • Giới thiệu CDN/NPM, tham số tùy chỉnh, lệnh gọi chuỗi

Hướng dẫn thêm Widget Sakana vào Blogger

  1. Bước 1: Đăng nhập Blogger Theme > Edit HTML.
  2. Bước 2:Tìm thẻ <head> dán dòng sau vào bên dưới:
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/sakana-widget@2.7.1/lib/sakana.min.css"
    />
  3. Bước 3: Ngay trước thẻ </body> trong Edit HTML, dán mã sau:
    <script>
      const sakanaWidget = document.createElement("div");
      sakanaWidget.id = "sakana-widget";
      sakanaWidget.style.position = "fixed";
      sakanaWidget.style.bottom = "12px";
      sakanaWidget.style.right = "0";
      sakanaWidget.style.zIndex = "999";
      document.body.appendChild(sakanaWidget);
      function initSakanaWidget() {
      new SakanaWidget().mount('#sakana-widget');}
    </script>
    <script
      async
      onload="initSakanaWidget()"
      src="https://cdn.jsdelivr.net/npm/sakana-widget@2.7.0/lib/sakana.min.js">
    </script>
  4. Bước 5: Cuối cùng bạn chỉ cần Save Theme. Và bây giờ, chúng ta có thể thêm Chizuka và Takina đáng yêu vào blog của mình.

Đây là địa chỉ GitHub của dự án: Sakana! Widget (dsrkafuu/sakana-widget). Sau khi sử dụng thành công, tặng dự cho tác giả một ngôi sao để thể hiện sự ủng hộ của bạn. Những ai quen thuộc với phát triển front-end, vui lòng xem tài liệu chính thức.

Kết luận

Sakana Widget làm blogspot của bạn sinh động hơn! Bạn đã thử chưa? Comment chia sẻ cho mình biết nhé!

About the author

Phùng Duy Thịnh
Thích tìm hiểu, thích xem phim, chơi game
Facebook Theo dõi chúng tôi.

13 nhận xét

  1. Nặc danh
    nào anh mod theme Plus UI theo phong cách tết nguyên đán dành riêng cho Plus UI đi ạ. Hóng quá.
    1. .Thinhem
      .Thinhem
      OK, theme Tết ghi nhận nha mình sẽ làm sau
  2. Nặc danh
    Tự nhiên giờ gặp 1 anh trên blogspot cũng thích anime giống anh làm blog Kimidev em quen ngày trước quá. Tiếc là anh ấy nghỉ blog và em làm thay anh ấy rồi.
    1. .Thinhem
      .Thinhem
      trước mình có theo dõi Kimidev tham khảo nhiều thứ
  3. Chiều Cuối Năm
    Chiều Cuối Năm
    Tui tiếp quản blog Kimidev (Admin cũ: Văn khải) rồi nhé https://www.anewstudy.eu.org/search. Giờ bên kimidev chuyển qua làm host sever các thứ rồi.
    1. Chiều Cuối Năm
      Chiều Cuối Năm
      giờ ko còn dùng kimidev.net nữa nên khi truy cập sẽ chuyển hướng sang sever khác
    2. .Thinhem
      .Thinhem
      sao bạn vận hành nhiều web vậy, cho mình xin web chính thống để liên kết
    3. Chiều Cuối Năm
      Chiều Cuối Năm
      Tui vận hành công khai mỗi blog https://www.anewstudy.eu.org/ thôi, đâu ra mà nhìu. Còn mấy cái kia tui test theme nên ko gắn domain.
  4. Nặc danh
    Ơ cái con gì mà rung rung góc phải dưới đâu rồi
    1. .Thinhem
      .Thinhem
      mình không chơi nữa 🐮
  5. Nặc danh
    Giờ đi đâu blog nào cũng sài theme Plus UI hết nhỉ. Bạn thử sài bản 2.6.1 đi. Đẹp hơn bản Plus UI 3. này nhiều
  6. Chiều Cuối Năm
    Chiều Cuối Năm
    cho thuê subdomain ko bạn
Hãy viết ý kiến của bạn về bài viết này. Đừng quên kiểm tra Notify Me để nhận thông báo trả lời.

Tham gia cuộc trò chuyện