WordPress优化:给博客添加评论输入特效

这个非常炫酷(装逼)的评论输入特效闲鱼最早是在三秋那里看到的,后来又追踪到射雕天龙的GitHub分享,找到了这个源码,使用上了也就是现在闲鱼博客评论输入的那里看到的打字效果。后来也不止一个朋友问我怎么弄的,一个个说也比较麻烦,干脆分享出来,自己看着弄。

JS代码

下载这个JS代码,上传到网站目录(具体哪里随意),等待调用(密码: vfrx)

代码调用

添加以下代码到主题尾部footer.php即可

  1. <script src="activate-power-mode.js"></script>  
  2. <script>  
  3. POWERMODE.colorful = true// make power mode colorful  
  4. POWERMODE.shake = false// turn off shake  
  5. document.body.addEventListener('input', POWERMODE);  
  6. </script>  

注意修改文件地址
 

题外话:前几天有看到一个什么SEO博客,不说抄袭,转载闲鱼博客的文章,其实闲鱼也没发什么特别技术性的文章,看得起转载都没关系,但是好歹也不能连称呼、水印等都照搬吧,苦笑不得。
闲鱼觉得现在很多博客都会转载别人的好文章,这都不是什么问题,毕竟你写了什么至少有人看,觉得好才转载,也是对自己网站的一种推广吧,但是那种全文不提一下内容出处的就比较反感了,提下出处又不是什么见不得人的事,尊重别人才能获得尊重。其实这种话题也是老生常谈,贵在自觉。

 

发表评论

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

目前评论:66   其中:访客  43   博主  23

    • Mr.Z博客 Mr.Z博客 0 来自天朝的朋友 谷歌浏览器 Windows 10 四川省绵阳市 联通

      小白不知道在footer.php的哪里添加调用代码,不懂前端很受伤 :sad:

        • 闲鱼 闲鱼 【博主】 来自天朝的朋友 谷歌浏览器 Windows 7 湖南省常德市安乡县 电信

          @Mr.Z博客 [/body] 标签 之前就可以了,[]改成<>

        • 企鹅seo 企鹅seo 0 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省泰州市 电信

          测试下,特效不见了

            • 闲鱼 闲鱼 【博主】 来自天朝的朋友 WordPress for iOS iPhone & iPad 湖南省长沙市 联通

              @企鹅seo 本站已撤下这个特效,这个也没什么好测试的吧?要用自己去试试就好了

            • 猫鼬博客 猫鼬博客 3 来自天朝的朋友 谷歌浏览器 Windows 7 四川省成都市双流县 电信

              好使,正在使用中。

                • 闲鱼 闲鱼 【博主】 来自天朝的朋友 WordPress for iOS iPhone & iPad 湖南省常德市 电信

                  @猫鼬博客 这个还是蛮有意思的

                • 阿江博客 阿江博客 2 来自天朝的朋友 火狐浏览器 Windows 7 广东省广州市 电信

                  是不是现在的这个特效了

                    • 闲鱼 闲鱼 【博主】 来自天朝的朋友 QQ浏览器 iPhone iPhone OS 10_3_3 like Mac OS X) AppleWebKit 湖南省长沙市 联通

                      @阿江博客 这个特效本站已经没用了,你可以自己试试看看效果

                    • Hi斌 Hi斌 0 来自天朝的朋友 谷歌浏览器 Windows 10 福建省泉州市 电信

                      特效?不存在的

                      • 天上掉下来个林妹妹 天上掉下来个林妹妹 0 未知系统 谷歌浏览器  Android 4.3 GN709L Build/JLS36C 局域网 对方和您在同一内部网

                        不错刚发现居然有这么好的网站,,情不自禁的想要点广告

                        • 表情包 表情包 1 来自天朝的朋友 谷歌浏览器 Windows 10 福建省厦门市 电信

                          厉害了 找个时间测试下看看。

                          • 岁月留声 岁月留声 1 来自天朝的朋友 谷歌浏览器 Windows 7 广东省广州市 中国铁通集团有限公司广东分公司网络支撑中心

                            我喜欢这个,收走了。 :smile:

                            • 呆毛电脑配置网 呆毛电脑配置网 4 来自天朝的朋友 谷歌浏览器 Windows 7 云南省昆明市 电信

                              :mrgreen: 然并卵! :smile:

                              • 小白 小白 0 来自天朝的朋友 谷歌浏览器 Windows 10 重庆市开县 电信

                                windows10 爆毒

                                • 堆爱博客 堆爱博客 3 来自天朝的朋友 Netscape Navigator iPhone iPhone OS 10_2_1 like Mac OS X 贵州省黔东南州凯里市 电信

                                  请问鱼哥调用代码添加在哪个文件?

                                    • 闲鱼 闲鱼 【博主】 来自天朝的朋友 QQ浏览器 Windows 7 湖南省长沙市 电信

                                      @堆爱博客 footer.php

                                    • 堆爱博客 堆爱博客 3 来自天朝的朋友 QQ浏览器 Windows 10 贵州省铜仁地区 电信

                                      请问如何在评论列表给自己的名字后面加上博主两字。

                                        • 闲鱼 闲鱼 【博主】 来自天朝的朋友 Safari浏览器 iPad OS 10_2 like Mac OS X) AppleWebKit 湖南省岳阳市 移动

                                          @堆爱博客 修改评论的源代码,具体不好说

                                        • 分钱榜 分钱榜 2 来自天朝的朋友 谷歌浏览器 Windows XP 浙江省湖州市 移动

                                          我的博客出问题了,本地测试可以实现,放博客JS就失效了。

                                            • 闲鱼 闲鱼 【博主】 来自天朝的朋友 QQ浏览器 Windows 7 湖南省长沙市 电信

                                              @分钱榜 JS冲突?112导航用的和你一样的主题也可以用啊。是不是你使用了代码压缩导致的。

                                                • 分钱榜 分钱榜 2 来自天朝的朋友 谷歌浏览器 Windows XP 浙江省湖州市 移动

                                                  @闲鱼 这样的话,本地测试应该也是失效的啊。搞不懂了

                                                    • 诗梦 诗梦 2 来自天朝的朋友 谷歌浏览器  Android 6.0 Redmi Note 4 Build/MRA58K 广东省韶关市 移动

                                                      @分钱榜 我的弄好了,你会不会没引用js代码

                                                    • 野人摊影视分享 野人摊影视分享 2 来自天朝的朋友 谷歌浏览器 Windows 7 福建省福州市 联通

                                                      @闲鱼 如果你是使用了张戈博客的前端html代码压缩,把那些注释去掉就可以了!我这边就是这样解决的!

                                                  • 明月登楼的博客 明月登楼的博客 6 来自天朝的朋友 谷歌浏览器 Windows 10 河南省南阳市 电信

                                                    震动的感觉很爽呀!不错!我喜欢!

                                                      • 闲鱼 闲鱼 【博主】 来自天朝的朋友 QQ浏览器 iPhone iPhone OS 9_1 like Mac OS X) AppleWebKit 湖南省长沙市 联通

                                                        @明月登楼的博客 震动的我觉得就没必要了,而去手机端会很卡

                                                          • 明月登楼的博客 明月登楼的博客 6 来自天朝的朋友 谷歌浏览器 Windows 10 河南省南阳市 电信

                                                            @闲鱼 手机端不会震动的!

                                                              • 闲鱼 闲鱼 【博主】 来自天朝的朋友 QQ浏览器 iPhone iPhone OS 9_1 like Mac OS X) AppleWebKit 湖南省长沙市 联通

                                                                @明月登楼的博客 手机浏览器打开也会震动,好卡

                                                                  • 明月登楼的博客 明月登楼的博客 6 来自天朝的朋友 谷歌浏览器 Windows 10 河南省南阳市 电信

                                                                    @闲鱼 不是吧?你手机端用的啥浏览器呀?我用的QQ浏览器和小米自带浏览器都不震动的!

                                                                      • 闲鱼 闲鱼 【博主】 来自天朝的朋友 QQ浏览器 iPhone iPhone OS 9_1 like Mac OS X) AppleWebKit 湖南省长沙市 联通

                                                                        @明月登楼的博客 用的QQ啊,之前去你那留言震动卡的不行

                                                              • 我就是我啊 我就是我啊 1 来自天朝的朋友 谷歌浏览器 Windows 7 贵州省遵义市 电信

                                                                额,具体是添加到哪个文件呢

                                                                  • 闲鱼 闲鱼 【博主】 来自天朝的朋友 QQ浏览器 Windows 7 湖南省长沙市 电信

                                                                    @我就是我啊 footer.php

                                                                      • 我就是我啊 我就是我啊 1 来自天朝的朋友 谷歌浏览器 Windows 7 贵州省遵义市 电信

                                                                        @闲鱼 谢谢