装饰博客全攻略（如何在博客首页或博客中插入图片、音乐、视频等）

一、在博客中插入图片。 以下是代码：

         <img src="http://图片地址" border="0" width="344" height="255">

       代码说明：图片地址就是网上以 .jpg .bmp .gif 结尾的网址，在网页的图片上点右键查看“属性”就可以看到地址和尺寸；

                     “width”是宽度，“height”是高度。

       具体做法：

                   1、在网上搜索喜欢的图片或将自己喜欢的图片上传到网上，以获得一个图片的网址。我自己拍的图片，就是上传到网易相册后，取得图片网址的。

                   2、顺序打开装扮博客--设置首页内容--添加自定义模块。

                   3、输入模块名称。

                   4、复制上面的代码到下面的大面板简介中。

                   5、复制图片网址，替换代码中的“http://图片地址”。

                   6、点击“确定”，返回。

                   7、用鼠标拖动你添加的图片上方的编辑横条，把图片放到你喜欢的导航栏位置，即可。

 

 

二、在博客中插入视频 。 以下是代码：

                <div align=left></div><embed src=视频链接地址 width=200 height=186 type=audio/mpeg loop="false" autostart="false">

                  代码说明：设置和音乐一样"true"为自动播放,"false"为不自动播放，宽度width和高度height都可以自定义。

                  具体做法：

                   1、步、登陆自己的博客

                   2、点击发表文章选项

                   3、点选显示源代码

                   4、复制下面的代码到文章里面，注意用你选中的视频地址，替换代码中的视频链接地址。

                   5、保存文章。

                   6、发表文章显示成功。

                   7、在首页会看到视频文章的效果

三、在博客中插入音乐。代码如下：

                     <embed src="音乐地址" align="baseline" border="0" width="49" height="25" type="audio/x-pn-realaudio-plugin" loop="false" console="LonelyStreet" controls="StatusBar,ControlPanel" autostart="false"></embed>

 

四、插入多个挂件之一： 固定位置挂件的源代码：

                    <DIV id=youxia style="RIGHT: 10px; POSITION: absolute; TOP: 100px"><IMG src="图片地址" border=0></A></DIV>

                   说明：以上为右挂件代码，更换RIGHT（右）为LEFT（左），则为左挂件代码

五、插入多个挂件之二：（挂件）随滚动条上下移动的源代码：

                    <DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-145); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-450); TEXT-ALIGN: center"><IMG src="图片地址" border=0></DIV>

                  代码说明： (document.body.clientWidth)-145);表示图片的左右位置，负数值越大距离左侧越远 (document.body.clientHeight)-450);表示图片的上下位置，负数值越大距离下方越远 （-950）右边

                 具体做法： 1、适用于博客首页：顺序打开装扮博客--设置首页内容--添加自定义模块--粘贴代码--确定

                                     2、适用于博客中：直接打开显示代码--粘贴即可--发表日志添加印章 控制面板----个人首页维护----自定义