Cara memasang live2D waifu di blogger

Paste jQery dan jQueryUI CDN di atas </head> Apabila sudah ada Abaikan.

<link href='https://cdn.statically.io/gh/wernayasa/live2d/main/assets/waifu.min.css' rel='stylesheet' type='text/css'/>
<script crossorigin='anonymous' integrity='sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=' src='https://code.jquery.com/jquery-3.7.0.min.js'/>
<script crossorigin='anonymous' integrity='sha256-eTyxS0rkjpLEo16uXTS0uVCS4815lc40K2iVpWDvdSY=' src='https://code.jquery.com/ui/1.13.1/jquery-ui.min.js'/>

Paste HTML di atas </body>

<div class='waifu'>
        <div class='waifu-tips'/>
        <canvas class='live2d' id='live2d'/>
        <div class='waifu-tool'>
            <span class='fui-home'/>
            <span class='fui-chat'/>
            <span class='fui-eye'/>
            <span class='fui-user'/>
            <span class='fui-photo'/>
            <span class='fui-info-circle'/>
            <span class='fui-cross'/>
        </div>
    </div>
<script src='https://cdn.statically.io/gh/wernayasa/live2d/main/assets/waifu-tips.min.js'/>
<script src='https://cdn.statically.io/gh/wernayasa/live2d/main/assets/live2d.min.js'/>

Paste di atas </body>

<script type='text/javascript'>/*<![CDATA[*/
    /* Konfigurasi */
    live2d_settings['waifuSize']            = '280x250';    // 看板娘大小，例如 '280x250', '600x535'
    live2d_settings['waifuTipsSize']        = '250x70';     // 提示框大小，例如 '250x70', '570x150'
    live2d_settings['waifuFontSize']        = '12px';       // 提示框字体，例如 '12px', '30px'
    live2d_settings['waifuToolFont']        = '14px';       // 工具栏字体，例如 '14px', '36px'
    live2d_settings['waifuToolLine']        = '20px';       // 工具栏行高，例如 '20px', '36px'
    live2d_settings['waifuToolTop']         = '0px'         // 工具栏顶部边距，例如 '0px', '-60px'
    live2d_settings['waifuMinWidth']        = '768px';      // 面页小于 指定宽度 隐藏看板娘，例如 'disable'(禁用), '768px'
    live2d_settings['waifuEdgeSide']        = 'right:30';     // 看板娘贴边方向，例如 'left:0'(靠左 0px), 'right:30'(靠右 30px)
    live2d_settings['waifuDraggable']       = 'true';    // 拖拽样式，例如 'disable'(禁用), 'axis-x'(只能水平拖拽), 'unlimited'(自由拖拽)
    live2d_settings['waifuDraggableRevert'] = false;         // 松开鼠标还原拖拽位置，可选 true(真), false(假)
    /* 在 initModel 前添加 */
    initModel("https://raw.githack.com/wernayasa/live2d/main/assets/waifu-tips.json")
/*]]>*/</script>

Posisi dan ukuran bisa di configurasi lebih lanjut di browser.

Bagian waifu-tips.json wajib di ubah karena masih bahasa jepang. Untuk ini wajib pakai Github Sendiri. Convert linknya menggunakan: Statically

Update bahasa indo oleh FlyingDutchmen