装饰博客全攻略(如何在博客首页或博客中插入图片、音乐、视频等)
一、在博客中插入图片。 以下是代码:
<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、适用于博客中:直接打开显示代码--粘贴即可--发表日志添加印章 控制面板----个人首页维护----自定义
装饰博客全攻略(如何在博客首页或博客中插入图片、音乐、视频等)相关推荐
- WordPress 搭建个人博客全攻略
WordPress 搭建个人博客全攻略 概述 这几天搭了个自己的博客,用的 WordPress 因为想弄 https,然后网上的教程都没有那么全面,同时弄完了也发现关于 WordPress 启用 ht ...
- seo全攻略_SaaS 企业推广获客全攻略(2):如何做好企业官网?
企业客户不好忽悠,是一个老生常谈的问题.企业客户会在购买之前自己收集信息.体验产品,更理性也更抠门,让你很难占到信息不对称的便宜.销售更难忽悠了,却给了内容营销机会.踏踏实实包装你的产品和解决方案,然 ...
- 《电脑音乐制作实战指南:伴奏、录歌、MTV全攻略》——1.3 将下载的MIDI歌曲制作成MIDI音乐伴奏...
本节书摘来自异步社区<电脑音乐制作实战指南:伴奏.录歌.MTV全攻略>一书中的第1章,第1.3节,作者 健逗,更多章节内容可以访问云栖社区"异步社区"公众号查看. 1. ...
- 创建GitHub技术博客全攻略
说明: 首先,你需要注册一个 github 账号,最好取一个有意义的名字,比如姓名全拼,昵称全拼,如果被占用,可以加上有意义的数字. 本文中假设用户名为 tiemaocsdn 1. 注册账号: 地址: ...
- 创建GitHub技术博客全攻略【转】
本文转载自:http://blog.csdn.net/renfufei/article/details/37725057/ 说明: 首先,你需要注册一个 github 账号,最好取一个有意义的名字,比 ...
- 《Word页码设置全攻略》详细技巧教你Word文档中怎么设置页码?
无论是在论文排版中也好,在编写书籍也好,我们都需要在Word文档中每一页的底部插入该页面的数目,用于统计书籍的面熟,这样可以更好的方便用户阅读,和查阅.当然插入页码的方式有很多种,在不同的情况下我们需 ...
- 博客搭建攻略(三):创造收益
在前两篇博客搭建攻略中,主要介绍了博客平台的选择以及写博的常用工具.作为本系列的最后一篇,可能也是大家最感兴趣的一篇,我将给大家介绍一下在博客编写过程中,是如何创造收益的. 下面,以我个人为例,总结一 ...
- 博客搭建攻略(一):平台选择
本系列文章预告 博客搭建攻略(一):平台选择 博客搭建攻略(二):工具推荐 博客搭建攻略(三):创造收益 如您对本系列内容感兴趣,就点击标题下方的程序猿DD关注我吧~ 前言 虽然在大学生涯就有开始写技 ...
- # Markdown全攻略
Markdown 全攻略 我们很多人听过 Markdown 的大名,然而不是很了解具体应该怎么去运用 Markdown 来美化我们的文档排版界面,如果是对于计算机.编程.电子信息等与计算机技术相关的专 ...
最新文章
- 微信企业号 JS-SDK:上传图片
- 红双喜五星直板乒乓球拍多少钱?_百度知道
- 2019-04-28 Mybatis generator逆向工程生成的Example代码分析
- PyTorch实现的李沐《动手学深度学习》,登上GitHub热榜,获得1000+星
- linux串口对调,Linux串口调试详解
- 接口协作--apipost接口协作工具
- new一个对象的过程
- Snagit 2022 for mac(屏幕截图工具)
- 【一起学SQLite】--Delphi下的SQLite之简介(3)
- 不清楚Word如何批量转PDF?快来跟我学这两个妙招
- javacpp 人脸_javacv实现人脸检测
- BIOS和DOS的区别
- C语言使用代码绘制爱心
- VS2019 关闭安全检查
- Kinect2.0-Python调用-PyKinect2
- refresh是什么?Spring refresh的12个步骤
- BIOS硬盘模式更改为AHCI模式,及更改后win10蓝屏的解决办法
- 报错:Error: module property was removed from Dependency
- 长三角24城市绿色全要素生产率、产业协同面板数据(2011-2019年)
- Incaseformat病毒解决方案参考(针对2021-01-13全国爆发)
热门文章
- @程序员,解读 5G 中性命攸关的时延! | 技术头条
- 漫画 | Linux 并发和竞态问题究竟是什么?
- 人类再次彻底败给 AI!
- 游戏版号重新发放,开发者可以松口气了!| 畅言
- 20 分钟教你搞懂 Git!
- 为什么鲍尔默时代的微软会一败再败?
- 微信警告小游戏“分享滥用”;小米千亿估值再被下调;Facebook 最大规模重组 | CSDN 极客头条...
- 如何优雅地抄袭代码?天下代码一大抄,这才是正确的姿势
- 那是计算机房吗不它不是 英语,人教PEP版英语四年级下册Unit 1《My School》单元测试卷及答案.doc...
- Thread-start()-,它是怎么让线程启动的呢,Java面试问项目