经常上新浪博客又偶尔看到有些NX的博客总会把自己的领地打扮得漂漂亮亮的,总给人一种神圣敢,让人羡慕不已。其实方法很简单,你也可以轻松打造!

首先,你登陆你的博客 > 控制面板 > 首页内容维护 >

自定义空白面板 > 新增 >

填写标题,然后最重要的一步是选一下“显示源代码”,最后就是直接将如下通用代码修改一下,填写到你的正文区并“保存”。这样,你的代码就OK了!

这个时候你预览你的博客,还看不到你需要的效果,你还需要显示你的杰作,步骤是,控制面板

> 定制我的首页 > 添加模块 > 选取刚刚创建的模块 >

保存并刷新。

搞定,生活就这么简单!~

以下是芹晴搜集并整理的几个通用代码,仅供大家参考:

音乐和视频

嵌入:

type=audio/mpeg loop="true">

背景:

width--播放器宽度

height-播放器高度

loop---重复播放次数,其中-1为无限次

autostart-是否自动播放

Flash

嵌入:

pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash

src="SWF文件网址" width=480 height=360

type=application/x-shockwave-flash quality="high">

前景:

align=center src=SWF文件网址 width=700 height=400

type=application/x-shockwave-flash wmode="transparent"

quality="high">

网页(如天气预报)

height=240>

挂件

src="挂件图片地址" border=0>

鼠标指针

a:hover {cursor:url('鼠标文件网址a')}

BODY {cursor:url('鼠标文件网址b')}

新浪博客各部分背景代码一览

body

{background:url("页面大背景图片地址") repeat

scroll!important;}

.logo

{background:url("题图上背景图片地址") no repeat no

scroll!mportant;}

.banner

{background:url("题图下背景图片地址") no repeat no

scroll!mportant;}

.menu

{background:url("题图下的菜单背景图片地址") no-repeat

center;}

.feeds .up

{background:url("正文标题栏上翻时的图片") no-repeat center;}

.feeds .down

{background:url("正文标题栏下翻时的图片") no-repeat center;}

.feeds .function

{background:url("正文摘要结尾处菜单的图片") no-repeat right;}

.feeds .page

{background:url("正文文章页数图片") no-repeat center;}

.links .up

{background:url("面板标题栏上翻时图片");}

.links .down

{background:url("面板标题栏下翻时的图片");}

.links .mid

{background:url("面板的背景图片地址");}

.photo .mid

{background:url(个人形象照片处的背景图片地址);}

.label .mid

{background:url("自定义面板的背景图片地址");}

.calendar .mid

{background:url("日历面板背景图片地址");}

.callboard .up

{background:url("公告栏标题栏上翻时图片");}

.callboard .down

{background:url("公告栏标题栏下翻时图片");}

.callboard .mid

{background:url("公告栏背景图片地址");}

.bodyBg

{background:url("页面内背景图片地址");}

.bodyBottom

{background:url("正文背景图片");}

.gbook .up

{background:url("留言板标题栏上翻时的图片地址") no-repeat;}

.gbook .down

{background:url("留言板标题栏下翻时的图片地址") no-repeat;}

html代码 通用代码,新浪博客通用html代码及其使用方法相关推荐

  1. 新浪博客中插入高亮代码

    在ie浏览器里可以用,但是不知道mac有没有这个插件 原文地址:新浪博客中插入高亮代码作者:木子超-同学 一.              Sublime text 3是一个强大的代码编辑软件,强烈推荐 ...

  2. 新浪博客插入代码(块)及代码高亮…

    新浪博客不能插入代码是一件非常尴尬的事情. 这里将介绍如何在新浪博客中加入代码块及其高亮的方法. 所需工具: (1)XAMPP数据创建软件 (2)wordpress 与 codecolorer (3) ...

  3. 如何在新浪博客中添加JavaScript代码

    新浪博客中不能包含JavaScript代码和IFrame的代码.如果要在博客中加入像Google的广告之类的JavaScript代码,一般的方法是不行的. 今天试了一上午,搞定了. 原理:将JavaS ...

  4. 新浪博客(sina blog)批量删除代码

    今天想再次删除新浪博客中的文章,同时包括垃圾箱中的. 操作了几个觉得太郁闷了,只能一条一条的删除,有1k左右条呢, 得操作多久? 看了一下,需要保留的只是几条; 于是查看了下html代码,找到规则,写 ...

  5. 新浪博客、百度博客搬家(PHP代码)

    新浪博客.百度博客搬家(PHP代码) /*** $Id blogmove.php** 博客搬家** @author skillCoding $date 2011-09-14*/include 'Sno ...

  6. SQL基础用法总结(以前复习的时候放在自己的新浪博客上)

    工作后主要做移动端和前端这一块,后端的知识都是靠自己学习积累的,下面的链接是以前重温的时候整理的SQL基础最核心部分的知识点和代码示例放在自己的新浪博客上,如果以后有需要,直接从这里进入,可以快速复习 ...

  7. Java基础部分快速复习(以前复习的时候放在自己的新浪博客上)

    工作后Java基本没有用到,有时候自己也会把基础过一遍,下面的链接是以前重温的时候整理的Java基础最核心部分的知识点和代码示例放在自己的新浪博客上,如果以后有需要,直接从这里进入,可以快速复习,节省 ...

  8. 欢迎访问我的新浪博客

    我的新浪博客(http://blog.sina.com.cn/u/1690987771)是大一开始学习编程时建立的,里面放的大部分是我大一时的程序代码,欢迎大家光临指导.现在开始学习项目管理方面的知识 ...

  9. size_t_梁斌_新浪博客

    size_t_梁斌_新浪博客 size_t_梁斌_新浪博客 size_t (2012-10-10 19:12:39) 转载▼ 标签: 杂谈        今天我来讲讲size_t,借此来说明我的一些代 ...

最新文章

  1. ecs安装tomcat和mysql_centos(Linux)系统阿里云ECS搭建 jdk,tomcat和MySQL环境,并部署web程序...
  2. Timus 1837. Isenbaev's Number
  3. 如何为你的博客园添加到百度统计
  4. 重温前端基础(二) 移动WEB开发
  5. 配置阿里云docker加速与云镜像配置
  6. 华为Mate 30系列发布日期、地点再曝光:9月19日 慕尼黑见?
  7. 【SpringCloud】服务调用OpenFeign
  8. ajax/test1.txt,ajax原生请求方法.txt
  9. 手把手教你如何加入到github的开源世界!
  10. html不使用cache数据
  11. 【19】蓝桥杯之奇妙的数字(填空题)
  12. python爬虫——爬起点中文网小说
  13. 《Dreamweaver CS6 完全自学教程》笔记 第十一章:模板和库
  14. Spring Boot编程思想 核心篇 小马哥
  15. python3 web服务器运行
  16. 2021:An Improved Attention for Visual Question Answering
  17. [操作系统]进程同步 Reader-Writer问题 共享缓冲区问题 面包师问题 吸烟者问题
  18. 破解AI开课难题!2021 全国人工智能师资培训落地厦门大学
  19. SOLIDWORKS钣金成形工具
  20. 矿盘上手记-三星pm981a(持续更新)

热门文章

  1. Delphi - 对象构造浅析后续
  2. 可以给img元素设置背景图
  3. php sql 字段名称,PHPSQL Server – 字段名称被截断
  4. 在 ES6中 改良的5个 JavaScript “缺陷”
  5. 【工具】24K纯吊丝超低成本低功耗电流测试方案,esp32实测功耗
  6. 【中继协助频谱切换】基于中继协助的频谱切换机制的MATLAB仿真
  7. linux 打印输出重定向的问题
  8. Zabbix基础概念
  9. dotweb——go语言的一个微型web框架(二)启动dotweb
  10. 升级 Visual Studio 2015 CTP 5 的坑、坑、坑