教育圈的市场人 市场人的社交圈

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

只需一步,快速开始

快捷登录

搜索
热搜: 活动 交友 discuz
查看: 2540|回复: 0

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

[复制链接]

5715

主题

7684

帖子

7699

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
7699
发表于 2016-2-27 23:19:14 | 显示全部楼层 |阅读模式


d6be3801jw1enmphrbbprj20fk0aemyv.jpg


这两天是不是被朋友圈里分享的带弹幕内容的公众号刷屏了?开始以为是插入一张gif图,仔细一看不是啊,学了这一招分分钟掌握装逼把运营妹小技能,你还在等神马,赶紧跟social君试试吧!


首先需要声明的一点是,那些文字并非你在公众号评论,就能在公众号正文里直接显示吐槽的评论,而是运营小编的小把戏啦,接下来切入正题!


首先,打开百度的UED编辑器,地址直接戳右面:http://ueditor.baidu.com/website/onlinedemo.html,进入界面,点击【UE演示】,再点击那个小图标【html】,看到如下界面:


0?wx_fmt=png


将如下装逼代码粘进编辑框里:


<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君曾经自学的代码技能基本忘得差不多了!


0?wx_fmt=png


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


http://www.ipaiban.com/# 


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


0?wx_fmt=png

0?wx_fmt=png

0?wx_fmt=png


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


   ​         这广告做的,呃~!                      无节操呀!!!不过那女模挺漂亮                      太露骨了吧!!!                      你们关注微信公众号:scr20130807,就可以"勾搭"我了!                      好创意!赞一个!~~                      你知不知道大家都好担心你啊!           


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


来源:social新媒体营销(微信号:SocialResearch)

我未能像应当地那样去生活,当回首往事,我身后是风起云涌的苍穹......
您需要登录后才可以回帖 登录 | 立即注册 |

本版积分规则

京ICP备16066458号-1|小黑屋|手机版|Archiver|市场人 ( 京ICP备2023000371号-1 )

GMT+8, 2024-12-4 01:12 , Processed in 0.074715 second(s), 35 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表