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

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

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

  1. WordPress 搭建个人博客全攻略

    WordPress 搭建个人博客全攻略 概述 这几天搭了个自己的博客,用的 WordPress 因为想弄 https,然后网上的教程都没有那么全面,同时弄完了也发现关于 WordPress 启用 ht ...

  2. seo全攻略_SaaS 企业推广获客全攻略(2):如何做好企业官网?

    企业客户不好忽悠,是一个老生常谈的问题.企业客户会在购买之前自己收集信息.体验产品,更理性也更抠门,让你很难占到信息不对称的便宜.销售更难忽悠了,却给了内容营销机会.踏踏实实包装你的产品和解决方案,然 ...

  3. 《电脑音乐制作实战指南:伴奏、录歌、MTV全攻略》——1.3 将下载的MIDI歌曲制作成MIDI音乐伴奏...

    本节书摘来自异步社区<电脑音乐制作实战指南:伴奏.录歌.MTV全攻略>一书中的第1章,第1.3节,作者 健逗,更多章节内容可以访问云栖社区"异步社区"公众号查看. 1. ...

  4. 创建GitHub技术博客全攻略

    说明: 首先,你需要注册一个 github 账号,最好取一个有意义的名字,比如姓名全拼,昵称全拼,如果被占用,可以加上有意义的数字. 本文中假设用户名为 tiemaocsdn 1. 注册账号: 地址: ...

  5. 创建GitHub技术博客全攻略【转】

    本文转载自:http://blog.csdn.net/renfufei/article/details/37725057/ 说明: 首先,你需要注册一个 github 账号,最好取一个有意义的名字,比 ...

  6. 《Word页码设置全攻略》详细技巧教你Word文档中怎么设置页码?

    无论是在论文排版中也好,在编写书籍也好,我们都需要在Word文档中每一页的底部插入该页面的数目,用于统计书籍的面熟,这样可以更好的方便用户阅读,和查阅.当然插入页码的方式有很多种,在不同的情况下我们需 ...

  7. 博客搭建攻略(三):创造收益

    在前两篇博客搭建攻略中,主要介绍了博客平台的选择以及写博的常用工具.作为本系列的最后一篇,可能也是大家最感兴趣的一篇,我将给大家介绍一下在博客编写过程中,是如何创造收益的. 下面,以我个人为例,总结一 ...

  8. 博客搭建攻略(一):平台选择

    本系列文章预告 博客搭建攻略(一):平台选择 博客搭建攻略(二):工具推荐 博客搭建攻略(三):创造收益 如您对本系列内容感兴趣,就点击标题下方的程序猿DD关注我吧~ 前言 虽然在大学生涯就有开始写技 ...

  9. # Markdown全攻略

    Markdown 全攻略 我们很多人听过 Markdown 的大名,然而不是很了解具体应该怎么去运用 Markdown 来美化我们的文档排版界面,如果是对于计算机.编程.电子信息等与计算机技术相关的专 ...

最新文章

  1. 微信企业号 JS-SDK:上传图片
  2. 红双喜五星直板乒乓球拍多少钱?_百度知道
  3. 2019-04-28 Mybatis generator逆向工程生成的Example代码分析
  4. PyTorch实现的李沐《动手学深度学习》,登上GitHub热榜,获得1000+星
  5. linux串口对调,Linux串口调试详解
  6. 接口协作--apipost接口协作工具
  7. new一个对象的过程
  8. Snagit 2022 for mac(屏幕截图工具)
  9. 【一起学SQLite】--Delphi下的SQLite之简介(3)
  10. 不清楚Word如何批量转PDF?快来跟我学这两个妙招
  11. javacpp 人脸_javacv实现人脸检测
  12. BIOS和DOS的区别
  13. C语言使用代码绘制爱心
  14. VS2019 关闭安全检查
  15. Kinect2.0-Python调用-PyKinect2
  16. refresh是什么?Spring refresh的12个步骤
  17. BIOS硬盘模式更改为AHCI模式,及更改后win10蓝屏的解决办法
  18. 报错:Error: module property was removed from Dependency
  19. 长三角24城市绿色全要素生产率、产业协同面板数据(2011-2019年)
  20. Incaseformat病毒解决方案参考(针对2021-01-13全国爆发)

热门文章

  1. @程序员,解读 5G 中性命攸关的时延! | 技术头条
  2. 漫画 | Linux 并发和竞态问题究竟是什么?
  3. 人类再次彻底败给 AI!
  4. 游戏版号重新发放,开发者可以松口气了!| 畅言
  5. 20 分钟教你搞懂 Git!
  6. 为什么鲍尔默时代的微软会一败再败?
  7. 微信警告小游戏“分享滥用”;小米千亿估值再被下调;Facebook 最大规模重组 | CSDN 极客头条...
  8. 如何优雅地抄袭代码?天下代码一大抄,这才是正确的姿势
  9. 那是计算机房吗不它不是 英语,人教PEP版英语四年级下册Unit 1《My School》单元测试卷及答案.doc...
  10. Thread-start()-,它是怎么让线程启动的呢,Java面试问项目