发新话题
打印

炫出个性 菜鸟也能搞定博客特效代码

炫出个性 菜鸟也能搞定博客特效代码


现在很多朋友都申请了blog,也想尽办法装扮自己的小窝,添加背景音乐、图片、文字特效等等都是最常见的方法,但这些效果都是通过启用博客中的“编辑HTML”功能添加相应代码来实现的,对于初学者来说确实比较困难,不过我们可以采用专门生成博客特效代码的工具软件来帮忙。) @1 g& H4 H6 ?! V; K% ~: U

9 m, l9 ~3 B- o$ L MSN Space Helper1.0是一款可以按需自助生成各种常见特效代码的小软件(如图1),大家可以到http://czsoho.googlepages.com/tool中去下载,该软件是全免费的绿色软件(运行前会检测用户是否安装了.NET Framework2.0,如果没有则不能运行)。需要说明的是,该软件虽然叫“MSN Space Helper”,但经笔者测试同样支持非MSN Space博客空间,如新浪博客等,只要博客空间允许启用HTML编辑方式就行了。  
4 e3 `9 ~2 Y' _. r, k
4 ?; W" R" p  V
" Z# @. l/ o7 s4 @% ^& ]  i& G! I# D0 X! }5 W6 D

$ W3 U0 y* x" t. {4 @图1  . C; g* _# \- `. Z4 N0 M( B; l

, K2 R( e) M# Q& i1 \" }  \: Q 生成图片代码  
6 L: }6 S( z& c+ x# j9 p
/ U) M! y( M6 T" F 逛论坛时总会发现很多漂亮的图片,要是将它们贴到自己的博客中多好啊!但是,要将这些图片下载后再上传到博客中就太麻烦了,因此我们可以采用“引用”的办法:在欲引用的图片上单击右键并选择“属性”,将“地址”后面所有的字符复制下来;运行MSN Space Helper程序,点击“插入图片/音视频”按钮,在打开的界面中默认选择了“图片”,现在将获得的图片链接粘贴到空白框中,然后点击“生成代码”按钮,此时在下方的空白处即可得到全部的代码。  
3 w, V! v9 X. \- X) ~# b
: j" C/ f+ {; ~* p0 E  b& ^ 提示:如果想引用自己上传到网络相册中的照片,也可以按此操作,但有些空间不支持引用功能,因此一定要使用“测试链接”按钮试试能否在浏览器中看到图片。  ) D- Z6 c$ Y; F. C, D
1 T" W1 V7 y& `3 \' \0 a1 e! w
生成音、视频代码  
/ H4 U, `& d9 L! S' V. x) z3 G8 @8 @! }0 m( `4 ~" a2 T0 |# x8 }) {
如果想在博客中添加背景音乐,或者将搞笑的小电影弄过来在页面中播放是不是很有意思?当然可以!只要找到有效的在线播放地址,然后将详细地址粘贴到“插入图像音乐及视频”界面中的空白栏里即可。为了让背景音乐循环播放,在“循环次数”中可以自己设定需要循环的次数,点击“生成代码”按钮即可看到最终的所有代码(如图2)。  
- I  Y% ?5 a8 Y6 B  \1 G
! \7 W0 l% Z/ Y) ]% `1 X/ X7 l

2 d& b  H. i) z0 J
: H1 O& R' @0 y8 w2 i/ `图2  3 t/ J4 ^7 L! ~

( B: d2 Z, K: p! h 扮酷鼠标指针  7 |! P1 V3 J( ^* c% P

! \6 P! }% V% ~. g7 i 当发现不错的网站时,我们也会将该网站的地址写到博客中与大家分享,这样一来,当鼠标指针移到上面时就会变成默认的“小手”图案。不过,这个默认的东东也可以DIY一把。在主界面中点击“美妙鼠标效果”按钮,弹出的“选择效果”窗口中罗列了所有可用的指针效果,而且当鼠标划过每个选项时会预览到该项的效果(如图3)。  
6 o% q7 S, T+ G9 _: Q. ?! X9 `/ {6 x9 w. R5 y/ j# j% U4 s' N
8 E. G. ?3 ^; o1 l! T6 \% h
$ V. _0 p# D6 x6 N) M
: y7 t. I$ Y1 H8 W4 l- R" A
图3  " Y/ r  I; J4 B% D  _- x
5 g8 n! x& L7 X. ^# N" H% N
点击“生成代码”按钮即可在下方的空白框中得到该效果的全部代码,然后将其中的文字“文本或其它页面元素”替换为想要添加的网址即可。  1 N( ?8 m; k. m# r% O1 \
( a' V! \0 t( I" R+ Y- O
文字也能玩特效  
% b) q7 `4 C; m( W
! O; U5 v; O+ k4 H- l& u 文字是博客中的主要部分,如果想让你的文字更靓,除了更改字号或颜色,还可以利用此软件给文字添加背景颜色和边框!点击“边框线条”按钮,在弹出窗口的“日志文字内容”中填写想要发布到博客上的文字,然后在左侧选择喜欢的边框类型和颜色后点击“生成代码”即可(如图4)。  
. d  U+ q3 `# i; |' W5 L" e" @
/ n3 f$ M! ?/ H- |: u
4 }( p* j. X# r% c+ V; F, Q7 C! Z4 `5 h# p: J" {6 ~

( Q$ B: [, N& \, B图4  
* x- t' ^5 k* s+ m4 A
$ M, e2 H$ V5 g3 q 应用代码  
# z+ T& ^" V! Q" {. E6 x
; _+ O% X* c& O5 {, C 每一个特效代码生成界面上都有一个“复制到剪贴板”按钮,只要点击此按钮即可将其复制到系统的剪贴板中,当在博客上撰写新日志时,勾选“HTML”项并按下“Ctrl V”组合键就可以粘贴上去,“发布”以后即可在你的博客中查看效果了。另外,点击主界面上的“联机内容”按钮,还可以获得“图片滤镜”、“背景图片生成器”、“日志在线编辑器”等多种资源。  
$ g0 _: N/ _) o$ ^8 q) y; E
8 }* Z0 p  {% j8 f 现在添加博客特效是不是简单多了?有兴趣的朋友不妨试试看到http://blog.sina.com.cn/u/1421967814来看看最终的效果。



点击图标进入精品网摘收藏 欢迎大家加入网络收藏夹

TOP

发新话题