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

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

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>

评论 抢沙发

评论前必须登录!

 

小财铺 最专业的营销 网赚博客

关于小财铺小财铺合作