Blog小玩意（可以用在FC2的免费插件）第一弹！~(≧∀≦)~

那啥……俗话说得好，独食难肥，虽然我也不是很宽裕，不过本着“我为人人，人人为我”的公民精神，将我最近收集到的插件放上来和大家分享分享啦~

1.留言板

我的第一选择:Planet MiniBox（click me）

问我为什么不选Cbox？因为现在Cbox长尾巴了，一条名叫GOOGLE广告的尾巴。去广告的方法也不是没有，只是很麻烦罢了~有耐心的亲们自己摆弄去……

顺便给出Cbox的链接：http://www.cbox.ws/

MiniBox小教程——

Step1.按网页顶端的"sign up"注册。

(注意:第一项"choose version"千万要选"standard version"，因为这才是免费的） 

Step2.注册完，在"admin"登陆，网站会自动切换到控制面板，然后在网页的左栏"Control Panel"设定你的留言板参数。

具体可以设定大小啦、边距啦、布局啦、配色啦、边框啦等等等等，不想这么折腾的人可以直接在。

Step3.设定好之后，还是在"Control Panel"上，找到"Snippet Maker"点进去后，最好按一下下头的的"Save Changes"再复制"Snippet  Box"里头的代码。

Step4.在FC2后台添加一个【自由区域】，贴上代码，完毕~（FC2挂插通用步骤！）

最后的PS.中华人民共和国的學校是有開設英語課程的，搞不定以上流程的童鞋们要好好檢討了~另，不懂的單詞不要問我啥米意思，查字典比較快哦~

下面还有哦……敬请READ MORE

2.音乐盒

我的第一选择:91家园播放器（click me）

我的第二选择:8box music  (click me)

全中文啊全中文，不用教程了吧吧吧吧吧……

反正嘛，注册完选完播放器外形添加完歌挂上FC2基本上就没问题了！

唯一一个小小的问题——播放器的大小最好自己调整一下，不然栏位太短，播放器太长是很不美观的：在代码中找到 width="参数" ，数值根据自己的需要填。

 

3.公告栏

我的第一选择：MyICON（click me）

台湾网站提供的服务，适合于多则公告，操作非常简单，不过需要有MSN帐号通过网站的iSAY::[愛瑪士小姐]认证！

MyICON小教程——

Step1.注册，根据提示上传个人头像之类的。

Step2.【管理中心】-【IM帐号设定】-输入MSN帐号（选择MSN分类）-下一步。

Step3.打开MSN，添加新的联络人，等待iSAY::[愛瑪士小姐]跟你通过认证……一般不会太久，一般来说一分钟内有回应。

Step4.【管理中心】-【iSAY设置管理】-【管理iSAY内容】-输入你的公告内容（具体能输入几则没有研究过~）。

Step5.【iSAY设置管理】-【取得iSAY语法】-点选面板设计师-选择面板（下面会有预览）-复制代码。

Step6.在FC2后台添加一个【自由区域】，贴上代码，完毕~

我的第二选择：自制公告栏（进阶级别）

利用图片和有走马灯效果的HTML代码制作属于自己的公告栏（需要耐心~）

Step1.找一张或者PS一张自己喜欢的图片,上传到FC2，复制图片地址~

Step2.复制以下代码，利用在线代码测试器（click me）测试效果~

<TABLE height=图片高度 cellSpacing=1 width=图片宽度 background=图片地址> <TBODY><TR> <TD width=文字出现区域宽度  height=文字出现区域高度> <MARQUEE width=卷动宽度 height=卷动高度 scrollAmount=卷动距离（填1，2，3之类） scrolldelay=卷动速度（填100，200，300之类） direction=卷动方向（填up或down） loop=卷动次数（填1，2，3之类）> <P align=center>公告内容</P> </MARQUEE></TD></TR></TBODY></TABLE>

注意：宽度，高度的参数均以PX为单位，具体请根据图片参数作出调整。

范例：

<TABLE height=134 cellSpacing=1 width=194 background=http://img.blog.163.com/photo/boycOHOUZJOVXf6y-Vsudg==/3712091992860236935.jpg> <TBODY><TR> <TD width=180 height=130> <MARQUEE scrollAmount=3 direction=up width=160 height=55 scrolldelay=200> <P align=center>公告内容</P></MARQUEE></TD></TR></TBODY></TABLE>

效果到测试器看看……我贴不出来贴不出来贴不出来啊啊啊……研究ING。

Step3.将经过设定的代码贴到你的【自由区域】中，完毕~

 

附录1：给出一些走马灯效果的代码，希望大家触类旁通~

<marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=alternate>...</marquee>来回卷动 <marquee direction=down>...</marquee>向下卷动 <marquee direction=up>...</marquee>向上卷动 <marquee direction=right></marquee>向右卷动 <marquee direction=left></marquee>向左卷动 <marquee loop=2>...</marquee>卷动次数 <marquee width=180>...</marquee>设定宽度 <marquee height=30>...</marquee>设定高度 <marquee bgcolor=FF0000>...</marquee>设定背景颜色 <marquee scrollamount=30>...</marquee>设定卷动距离 <marquee scrolldelay=300>...</marquee>设定卷动速度

 

 另外还有宠物啦，时钟啦，天气预报啦等等等等拉拉杂杂一堆插件就要等第二弹介绍了~