手把手教你公众号插入弹幕文字!【实用教程】
来源:social新媒体营销(微信号:SocialResearch)
这两天是不是被朋友圈里分享的带弹幕内容的公众号刷屏了?开始以为是插入一张gif图,仔细一看不是啊,学了这一招分分钟掌握装逼把运营妹小技能,你还在等神马,赶紧跟social君试试吧!
首先需要声明的一点是,那些文字并非你在公众号评论,就能在公众号正文里直接显示吐槽的评论,而是运营小编的小把戏啦,接下来切入正题!
首先,打开百度的UED编辑器,地址直接戳右面:http://ueditor.baidu.com/website/onlinedemo.html ,进入界面,点击【UE演示】,再点击那个小图标【html】,看到如下界面:
将如下装逼代码粘进编辑框里:
<svg width="1600" height="330" xmlns="http://www.w3.org/2000/svg" style="box-sizing: border-box;">
<text font-family="microsoft yahei" font-size="20" y="40" x="443.75" fill="#FFCBD4" style="box-sizing: border-box;">
做人呢,最紧要就是开心!
<animate attributename="x" from="800" to="-400" begin="0s" dur="11s" repeatcount="indefinite" style="box-sizing: border-box;"></animate>
</text>
<text font-family="microsoft yahei" font-size="15" y="75" x="548.264" fill="#CDA1A2" style="box-sizing: border-box;">
你饿不饿?我去煮碗面给你吃
<animate attributename="x" from="800" to="-400" begin="1s" dur="10.8s" repeatcount="indefinite" style="box-sizing: border-box;"></animate>
</text>
<text font-family="microsoft yahei" font-size="17" y="108" x="640.132" fill="#463a3e" style="box-sizing: border-box;">
你走,你走,你走啊!!
<animate attributename="x" from="800" to="-400" begin="2s" dur="9.5s" repeatcount="indefinite" style="box-sizing: border-box;"></animate>
</text>
<text font-family="microsoft yahei" font-size="13" y="149" x="769.054" fill="#9F605B" style="box-sizing: border-box;">
你们关注微信公众号:digitaling,就可以勾搭我了!
<animate attributename="x" from="800" to="-400" begin="3s" dur="10.3s" repeatcount="indefinite" style="box-sizing: border-box;"></animate>
</text>
<text font-family="microsoft yahei" font-size="18" y="175" x="255.361" fill="#FA9D87" style="box-sizing: border-box;">
你有考虑过我的感受吗!
<animate attributename="x" from="800" to="-400" begin="4s" dur="11s" repeatcount="indefinite" style="box-sizing: border-box;"></animate>
</text>
<text font-family="microsoft yahei" font-size="14" y="210" x="431.46" fill="#463A3E" style="box-sizing: border-box;">
你知不知道大家都好担心你啊!
<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="-86.6414" fill="#
</svg>
然后再次点击那个【html】按钮就可以有弹幕效果啦!注意,以上代码里的文字部分可以改动成自己想要的弹幕文字!至于其他代码说白了就是普通的html标签,不要管他好了,当然也可以多加几个弹幕框架,这里就不多介绍html标签的使用了,因为social君曾经自学的代码技能基本忘得差不多了!
注意~~~到这里还没完事儿啊,怎么才能把编辑好的弹幕代码粘进微信后台呢,答案就是借助第三方编辑器,这里推荐常用的爱排版:
http://www.ipaiban.com/#
同样道理,先点一下html按钮,然后把刚才修改好弹幕文字的代码粘进编辑器,再点一下html按钮,弹幕出来了思密达!
然后全选之后,复制,再打开微信编辑器,粘贴::::::,效果如下,动起来啊动起来~~~就是这种装逼的感觉~~~
好啦,瞬间觉得自己很屌是不是?这个小教程就说到这里,下次再见。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本文禁止转载,侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。
评论
评论
推荐评论
全部评论(8条)