朋友圈/社群/抖音/口碑——羽翼课堂【信明科技】加入收藏
全国服务热线:028-83086626 E-mail:zhang@scyyhd.com
您当前位置:首页 > 资讯中心 > 行业资讯 > 网站建设 >

手把手教你公众号插入弹幕文字!【实用教程】

这两天是不是被朋友圈里分享的带弹幕内容的公众号刷屏了?开始以为是插入一张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;">

    &nbsp; &nbsp;

    <text font-family="microsoft yahei" font-size="20" y="40" x="443.75" fill="#FFCBD4" style="box-sizing: border-box;">

        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;做人呢,最紧要就是开心!

&nbsp; &nbsp; &nbsp; &nbsp;

        <animate attributename="x" from="800" to="-400" begin="0s" dur="11s" repeatcount="indefinite" style="box-sizing: border-box;"></animate>&nbsp; &nbsp;

    </text>&nbsp; &nbsp;

    <text font-family="microsoft yahei" font-size="15" y="75" x="548.264" fill="#CDA1A2" style="box-sizing: border-box;">

        &nbsp; &nbsp; &nbsp; &nbsp; 你饿不饿?我去煮碗面给你吃

&nbsp; &nbsp; &nbsp; &nbsp;

        <animate attributename="x" from="800" to="-400" begin="1s" dur="10.8s" repeatcount="indefinite" style="box-sizing: border-box;"></animate>&nbsp; &nbsp;

    </text>&nbsp; &nbsp;

    <text font-family="microsoft yahei" font-size="17" y="108" x="640.132" fill="#463a3e" style="box-sizing: border-box;">

        &nbsp; &nbsp; &nbsp; &nbsp; 你走,你走,你走啊!!

&nbsp; &nbsp; &nbsp; &nbsp;

        <animate attributename="x" from="800" to="-400" begin="2s" dur="9.5s" repeatcount="indefinite" style="box-sizing: border-box;"></animate>&nbsp; &nbsp;

    </text>&nbsp; &nbsp;

    <text font-family="microsoft yahei" font-size="13" y="149" x="769.054" fill="#9F605B" style="box-sizing: border-box;">

        &nbsp; &nbsp; &nbsp; &nbsp; 你们关注微信公众号:digitaling,就可以勾搭我了!

&nbsp; &nbsp; &nbsp; &nbsp;

        <animate attributename="x" from="800" to="-400" begin="3s" dur="10.3s" repeatcount="indefinite" style="box-sizing: border-box;"></animate>&nbsp; &nbsp;

    </text>&nbsp; &nbsp;

    <text font-family="microsoft yahei" font-size="18" y="175" x="255.361" fill="#FA9D87" style="box-sizing: border-box;">

        &nbsp; &nbsp; &nbsp; &nbsp; 你有考虑过我的感受吗!

&nbsp; &nbsp; &nbsp; &nbsp;

        <animate attributename="x" from="800" to="-400" begin="4s" dur="11s" repeatcount="indefinite" style="box-sizing: border-box;"></animate>&nbsp; &nbsp;

    </text>&nbsp; &nbsp;

    <text font-family="microsoft yahei" font-size="14" y="210" x="431.46" fill="#463A3E" style="box-sizing: border-box;">

        &nbsp; &nbsp; &nbsp; &nbsp; 你知不知道大家都好担心你啊!

&nbsp; &nbsp; &nbsp; &nbsp;

        <animate attributename="x" from="800" to="-400" begin="5s" dur="13s" repeatcount="indefinite" style="box-sizing: border-box;"></animate>&nbsp; &nbsp;

    </text>&nbsp; &nbsp; &lt;text font-family=&quot;microsoft yahei&quot; font-size=&quot;18&quot; y=&quot;240&quot; x=&quot;-86.6414&quot; fill=&quot;#

</svg>

 

然后再次点击那个【html】按钮就可以有弹幕效果啦!注意,以上代码里的文字部分可以改动成自己想要的弹幕文字!至于其他代码说白了就是普通的html标签,不要管他好了,当然也可以多加几个弹幕框架,这里就不多介绍html标签的使用了,因为social君曾经自学的代码技能基本忘得差不多了!

手把手教你公众号插入弹幕文字教程!

 

注意~~~到这里还没完事儿啊,怎么才能把编辑好的弹幕代码粘进微信后台呢,答案就是借助第三方编辑器,这里推荐常用的爱排版:
http://www.ipaiban.com/# 

同样道理,先点一下html按钮,然后把刚才修改好弹幕文字的代码粘进编辑器,再点一下html按钮,弹幕出来了思密达!

手把手教你公众号插入弹幕文字教程!

手把手教你公众号插入弹幕文字教程!

手把手教你公众号插入弹幕文字教程!

然后全选之后,复制,再打开微信编辑器,粘贴::::::,效果如下,动起来啊动起来~~~就是这种装逼的感觉~~~

         做人呢,最紧要就是开心!                  你饿不饿?我去煮碗面给你吃                  你走,你走,你走啊!!                  你们关注微信公众号:digitaling,就可以勾搭我了!                  你有考虑过我的感受吗!                  你知不知道大家都好担心你啊!          

好啦,瞬间觉得自己很屌是不是?这个小教程就说到这里,下次再见。