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

举报 2016-02-25

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

来源: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;">

    &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,就可以勾搭我了!                      你有考虑过我的感受吗!                      你知不知道大家都好担心你啊!               <text font-family="microsoft yahei" font-size="18" y="240" x="-86.6414" fill="#

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

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    全部评论(8条)