登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

miaozk2006

点滴积累与收藏:关于技术,关于生活

 
 
 

日志

 
 

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

2011-05-15 14:43:36|  分类: 电脑-网页制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

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

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

  评论这张
 
阅读(702)| 评论(0)

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018