微信公众号也能发弹幕了,快来使用啊!

释放双眼,带上耳机,听听看~!

导语:这个方法挺好玩的,可以提高微信公众号的转载和阅读量。

01 选择HTML第三方编辑器

打开HTML编辑器的第三方编辑器,在这我选择了i排版(右上角蓝色的那个HTML)。原因正是我曾经吐槽它们编辑页面太大。但是今天做教程截图倒是很方便。

image
02 复制代码

接下来,就是把准备好的代码复制到编辑器里。

1
03 制作自己样式的代码

以下内容,调整红色部分即可。

第一步:文字替换。

把代码里的文字直接换掉。

第二部:字体改变。调成红色部分。

image
第三步:字体颜色。

image
第四步:字体大小。

image
第五步:起止时间。

image
以上五步足以做出你自己的弹幕。

结束语:

其实能够进行HTML的地方都可以玩。

PS:代码

<svg width="800" height="400" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;">
<text font-family="microsoft yahei" font-size="20" y="40" x="666.666" fill="#00589C" style="box-sizing: border-box;">
小财铺此时是崩溃的
<animate attributename="x" from="1600" to="-400" begin="0s" dur="9s" repeatcount="indefinite" style="box-sizing: border-box;"></animate>
</text>
<text font-family="microsoft yahei" font-size="15" y="75" x="672.5" fill="#000000" style="box-sizing: border-box;">
这个技能get到后,我该怎么面对天蝎座的老板(他脸和字一个色)!
<animate attributename="x" from="800" to="-400" begin="1s" dur="8s" repeatcount="indefinite" style="box-sizing: border-box;"></animate>
</text>
<text font-family="microsoft yahei" font-size="17" y="108" x="550.769" fill="#888888" style="box-sizing: border-box;">
其实,我有件很严肃的事情要说……
<animate attributename="x" from="800" to="-400" begin="2s" dur="6.5s" repeatcount="indefinite" style="box-sizing: border-box;"></animate>
</text>
<text font-family="microsoft yahei" font-size="25" y="200" x="115" fill="#AC1D10" style="box-sizing: border-box;">
小财铺招兵买马啦!
<animate attributename="x" from="800" to="-400" begin="3s" dur="12s" repeatcount="indefinite" style="box-sizing: border-box;"></animate>
</text>
<text font-family="microsoft yahei" font-size="18" y="175" x="61.0526" fill="#FA9D87" style="box-sizing: border-box;">
呵呵哒,只招兵不买马
<animate attributename="x" from="800" to="-400" begin="4s" dur="9.5s" repeatcount="indefinite" style="box-sizing: border-box;"></animate>
</text>
<text font-family="microsoft yahei" font-size="14" y="210" x="352.308" fill="#3da742" style="box-sizing: border-box;">
地点:帝都CBD 我大国贸啊
<animate attributename="x" from="800" to="-400" begin="5s" dur="13s" repeatcount="indefinite" style="box-sizing: border-box;"></animate>
</text>
<text font-family="microsoft yahei" font-size="18" y="240" x="415" fill="#ac39ff" style="box-sizing: border-box;">
装B地点神马的都是浮云,主要是为了给一番队长找对象(限女生,183-4625px)
<animate attributename="x" from="800" to="-400" begin="6s" dur="12s" repeatcount="indefinite" style="box-sizing: border-box;"></animate>
</text>
<text font-family="microsoft yahei" font-size="22" y="270" x="532.813" fill="#B04E64" style="box-sizing: border-box;">
其实上面那句话,是真的啦,我说的是招聘!
<animate attributename="x" from="800" to="-400" begin="7s" dur="12.8s" repeatcount="indefinite" style="box-sizing: border-box;"></animate>
</text>
<text font-family="microsoft yahei" font-size="17" y="310" x="727.143" fill="#ff4f79" style="box-sizing: border-box;">
会给你详细代码,我会乱说?
<animate attributename="x" from="800" to="-400" begin="9s" dur="14s" repeatcount="indefinite" style="box-sizing: border-box;"></animate>
</text>
</svg>

为TA充电
共{{data.count}}人
人已赞赏
⚠️
小财铺所有文章及资源均是用户投稿及网上搜集,仅供网友学习交流,未经作者或上传书面授权,请勿作他用 。
若您的权利被侵害,请联系站长 QQ: 1987880200 或者 留言反馈 ,我们将尽快处理 。
好消息:现小财铺VIP限时特价,随时恢复原价,点击了解详情
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索