如何使用博客各种代码.doc

如何使用博客各种代码(可借鉴到云空间)博客的制作优化需要通过代码来完成，网易博客给我们提供了简单实用的制作平台，只需要少量的CSS代码知识就可以做的不错，这也是很多博友选择网易的原因吧，但对新手而言，还是有难度，下面我就将博客中所有代码的基本使用方法加以总结，希望对朋友们有帮助。代码的获取有很多方式，自己编辑或到别人博客中去找都行，对新手而言建议刚开始用别人现成的，通过摸索实践有一定代码知识后再自己编辑，这样更容易体会到做博客的乐趣！ 代码加入首页模块的总方法1、登陆自己的博客。2、在编辑状态下，点最上方“预览我的博客”右边的工具条,(或将鼠标放在上面不要动就会出现）。 顺序打开 排版设置内容模板自定义模板添加自定义HTML（点击颜色变深后确定）3、新模块添加自定义HTML将显示出现在网页左下角4、复制自己做好的（或别人现成的）代码到自定义HTML模板下方的空白处5、根据喜好替换代码中的“http:/地址”并修改个别数据（现成的就不用改了）（若是flash动画，就是所有地址结尾是“swf”的，也可将4，5步换成如此操作：点自定义HTML模板标题下方的flash选项，在出现的对话框中填上“http:/地址”即可，效果一样;wma文件也一样）6、点击预览查看效果,调试满意后点击新增保存,记得给你的模板起个名字然后点“保存” 7、用鼠标拖动你新增模块上方的编辑横条，把模块拖放到你喜欢的位置 8、点击网页右上角的“保存” 9、预览我的博客，就可以看到效果出现在你的博客上了。一、在首页模块中插入图片（1）固定图片代码：普通 高级 说明：src=http:/图片地址 图片来源，接受 .gif, .jpg 及 .png 格式，前两者通行已久，后者则由 96 年开始发展， 于未来取代前两者。若图片档与该 html 档同处一目录则只需写上档案名称，否则必须加上正确的路径，相对或绝对均可。 width=100 height=100 设定图片大小，此宽度及高度一般采用 pixels 作单位。通常只设为图片的真实 大小，以免失真，若需要改图片大小最好使用图像编辑工具。（改变大小的宽和高与原图的宽和高要成正比例，图片最好是改小不改大，以免失真hspace=5 vspace=5 设定图片边沿空白，以免文字或其它图片贴近。hspace 是设定图片左右的空间， vspace是设定图片上下的空间，高度采用 pixels 作单位。 border=2 图片边框厚度，不要边框数值设为0align=top 调整图片旁边文字的位置，你可以控制文字出现在图片的偏上方、中间、底部、 左右等，可选值：top, middle, bottom, left, right，内定为 botom。Netscape 还支持 texttop, baseline, absmiddle, absbottom， texttop 表示图片和文字依顶线对齐，baseline 表示图片对齐到目前文字行底线值，absmiddle 表示图片对齐到目前文字行绝对中央，absbottom 表示图片对齐到目前文字行绝对底部，（绝对底部是指它考虑到比如 y 、g、q等字的下边）。 alt=图片描述 这是用以描述该图形的文字，若使用文字浏览器，由于不支持图片，这些文字将会代替图片被显示。若支持图片的浏览器，当鼠标移至图片上该文字也会显示lowsrc=低解析度图片地址 设定先显示低解析度的图片，若加入的是一张很大的图片，下载要很长的时间，这张低解析度的图片会先被显示以免浏览者失去兴趣，通常是原图的黑白版本。（2）移动图片代码： 其中一个.为一个单元，表示一组图片，想添加更多图片滚动可以根据需要重复，格式很清楚了，但是滚动图片多了会影响加载速度。（3）固定图片上有文字移动的代码：要输入的文字 要输入的文字.说明：（2）（3）中代码中“width”是宽度，“height”是高度。图片地址就是网上以jpg .bmp .gif 结尾的网址，scrollAmount=3是移动速度， direction=down是从上到下，换成up是从下到上，left从左到右,right从右到左。 （4）获取图片地址的具体方法是： 在网上搜索到喜欢的图片，在图片上点右键查看“属性”就可以获得图片的地址；或将自己喜欢的图片上传到网易相册上，以获得一个图片网址（在图片上点右键查看“属性”）；也可进入我版面上的文字链接获取任意图片地址的方法在专业网站获取地址。 二、在首页模块中插入链接（参考“博客常用日志链接导航栏代码”）（1）文字显示的链接代码： 链接名称（2）图片显示的链接代码：（3）图片移动显示的链接代码：（参考“制作可移动的友情连接”）代码中scrollAmount=3是速度，direction=right从右到左，换成down是从上到下，up是从下到上，left从左到右,right从右到左。 三、在首页模块中插入动画、flash、游戏 也可将进行如此操作：点自定义HTML模板标题下方的flash选项，在出现的对话框中填上“http:/flash动画、游戏地址”确定即可，效果一样;而且在下方你会看到同上类似的代码。四、在博客日志中插入视频、动画、flash：第一步、登陆自己的博客 第二步、在编辑状态下，点最上方“预览我的博客”右边的工具条，点“写日志” 第四步、复制下面的代码到文章里面，注意用你选中的视频地址，替换代码中的视频链接地址设置和音乐一样，true为自动播放,false为不自动播放，宽度width和高度height都可以自定义。 第五步、保存文章。 第六步、发表文章显示成功。 第七步、在首页会看到视频文章的效果 五、在日志文章中插入背景音乐代码（参考介绍几款漂亮的播放器”） 方法同上，代码如下： 六、在日志文章中插入背景图片代码：第一步、登陆自己的博客 第二步、在编辑状态下，点最上方“预览我的博客”右边的工具条，点“写日志”第三步、点选左下角的显示源代码”-至关重要第四步、复制下面的代码到里面，注意用你选中的背景图片地址，替换代码中的背景图片地址（1）整个大背景代码：（2）两侧背景代码：（参考“美化日志背景之枫叶系列”）直接输入你的文字（2）信纸背景代码：第五步、再次点选左下角的，取消“显示源代码”的选择，你就会在编辑栏看到图片，而且光标也在图片之上（可能光标的首行不在图片的顶端，不过没有关系，尽管从光标的首行可是您的写作就行了，文字会自动顶到图片的顶端），写文章与平时一样，在光标或“直接输入你的文字”处写日志就行了第六步、发表日志显示成功 第七步、在首页会看到有背景图片文章的效果 七、如何插入个性化鼠标（参考“个性化鼠标代码大全”）第一步、进入日志编辑界面 第二步、和平时一样写日志，文字，图片等第三步、点选左下角的显示代码 ，将出现很多代码和文字第四步、复制代码到所有代码的最前面，复制代码到所有代码的最后面， 注意用你选中的效果链接，如“/inc/mouse002.ani”然后贴到效果处就可以了。 第五步、发表日志，在浏览时就可看到效果了。后面的数值可到从001到200，也可上网搜，很多的。八、如何插入多个特效挂件 （参考精美可爱的博客浮动挂件特效）1、固定位置挂件的源代码： 说明：以上为右挂件代码，更换RIGHT（右）为LEFT（左），则为左挂件代码 2、挂件随滚动条上下移动的源代码：（网易博客页面目前不适用，但日志中可用） 代码说明： (document.body.clientWidth)-1020);表示图片的左右位置，负数值越大距离左侧越远 (document.body.clientHeight)-600);表示图片的上下位置，负数值越大距离下方越远挂件可以选择GIF格式的动画图片!其中LE