怎么给wordpress博客侧边栏添加宠物游戏等flash插件小动画?

  • A+
所属分类:免费教程

一 简单介绍

经常能看到很多的朋友,在自己的wordpress网页中插入了一些小的游戏或者小宠物小插件小动画,非常有意思,这个也是获得用户停留时间的一个小方法了,之前有朋友提到过这个问题,就是如何给自己的WordPress博客的网页中嵌入小游戏?其实是个很简单的问题.其它的建站程序,操作过程差不多.

如题所示,给博客的边栏添加一个小宠物,可以有效地提高网站的灵动性,详见我的博客侧边栏。

 

这些小宠物实际上是一个个flash动画,来源于这个网站:http://abowman.com/google-modules/(外网)

 

进去可以看到,这个网站提供了多个flash小工具,我们可以根据自己的喜好在相应的详情页面中通过“审查元素”找出flash的URL,然后再用迅雷下载到本地

 

二 在网站边栏添加小工具

(1)将flash上传到我们网站的一个目录中,然后替换刚才复制的代码中对应的swf文件链接

(2)给网站添加一个边栏小工具–文本框。标题随便,内容就是刚才复制的代码

(3)根据自己网站的主题情况,再调节其宽高即可

 

三 .参考flash及其配置代码

 

你的先去找一个小游戏,比如4399、7K7K等。找到右键查看页面源码,然后把它的地址找出来。

下面以4399 网站小游戏 作为例子:

第一步:选择自己喜欢的游戏。

我这里选择 捕鱼达人。并F12查看源代码:

 

第二步:复制嵌入的源代码.

 
  1. <embed id="flashgame1" style="width: 640px; height: 480px;" src="http://sda.4399.com/4399swf/upload_swf/ftp8/fanyiss/20120515/14.swf" type="application/x-shockwave-flash" width="640" height="480" name="flashgame"></embed>

第三步:获取真实路径

选中上面的main.swf 然后右键 选择open new tab,新打开一个窗口.

http://sda.4399.com/4399swf/upload_swf/ftp8/fanyiss/20120515/14.swf

复制浏览器上面的路径,这个就是游戏的名称链接了.

 

第四步:回到博客,新建文章,然后选择文本模式,粘贴上面的代码。如:

如果末尾是.swf 嵌入如下面的代码:

 
  1. <embed id="flashgame1" name="flashgame" src="http://sda.4399.com/4399swf/upload_swf/ftp8/fanyiss/20120515/14.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="640" height="480" allowscriptaccess="always" style="width: 640px; height: 480px;">

如果是Html嵌入如下面的代码:

  1. <iframe name="iframe_canvas" src="http://flash.7k7k.com/cms/cms10/20140617/1010562631/11/index8.html" scrolling="no" frameborder="0" width="640" height="480">
  2. </iframe>

 

PX:当然你在其他博客或者网站看到好的动画插件什么的也可以右键查看源代码,复制如上的代码粘贴到自己想要的地方就行,也要是喜欢我博客的几个自行右键查看吧,我就不贴出来了

 

PXX:主要最近没有心情没有作品自然就来更新这种技术性干货文章了

 

HeyBy

发表评论

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

目前评论:6   其中:访客  4   博主  2

    • avatar 明月登楼 1

      不错,侧边栏的动画好有意思呀!

      • avatar 匿名 4

        flash手机端太糟糕了,建议h5小游戏~

        • avatar 里维斯社 1

          这个功能很不错,博客看起来更丰富了。

          • avatar heyby 博主

            @匿名 好的,多谢提醒!

            • avatar 晴和君 1

              flash都要被淘汰了。

              • avatar heyby 博主

                @晴和君 同理h5的应该也是支持的。只是没找到类似资源。。。