Using Live2D on Blogger requires the following steps:

Download Live2D models and related resources, which can be downloaded from the official website or other websites.

Upload the downloaded resources to the Blogger blog server or other cloud storage services, such as Google Drive or OneDrive, etc.

Add the code of Live2D in the template of Blogger blog. The following code can be added to the HTML code of the template, or added to a widget.

<div class="live2d">
  <canvas id="live2dcanvas"></canvas>
  <script src="https://cdn.jsdelivr.net/npm/@live2d/cubism-sdk-web"></script>
  <script src="https://cdn.jsdelivr.net/npm/@live2d/cubism-framework-live2d-minimal"></script>
  <script src="https://your-server.com/live2d/model.js"></script>
  <script src="https://your-server.com/live2d/live2d.js"></script>
</div>

Modify resource links and filenames in the code so they point to the correct resource.

Modify the CSS styles as needed to change the Live2D's appearance and position. The following CSS code can be added to the style sheet:

.live2d {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 200px;
  height: 300px;
  z-index: 9999;
}

This will make the Live2D anchor in the bottom left corner of the page and set its size to be 200px wide by 300px high.

Note that Live2D needs to run in a browser that supports WebGL. It won't work correctly in browsers that don't support WebGL. If you encounter any problems, you can check the official documentation of Live2D or seek technical support.

Author： yuday Posts：Using live2d on a Blogger blog