一 : 『分享』新浪博客模板代码大全
比比读小说网比比读小说网”，每周精选小说推荐！
二 : 新浪博客整套模板
新浪博客整套模板
新浪博客模板
http://blog.sina.com.cn/dufan最新整理新浪网易搜狐博客代码大全
几乎包含了所有美化装饰博客所需特效制作技术技巧~~~~~~~~~~
新浪博客代码大全 http://blog.sina.com.cn/u/446ae4ee010006sx
新浪博客代码搜索 http://blog.sina.com.cn/u/446ae4ee010007g9
个性图案鼠标特效 http://blog.sina.com.cn/u/446ae4ee0100034g
背景音乐播放器 http://blog.sina.com.cn/u/446ae4ee0100034h
博客首页大背景 http://blog.sina.com.cn/u/446ae4ee0100071z
博客整套体模版 http://blog.sina.com.cn/u/446ae4ee0100078b
博客中贴入挂件 http://blog.sina.com.cn/u/446ae4ee01000391
加入 flash时钟 http://blog.sina.com.cn/u/446ae4ee0100035o
漂亮精美的日历 http://blog.sina.com.cn/u/446ae4ee010007g8
透明flash背景 http://blog.sina.com.cn/u/446ae4ee0100035p
加入天气预报 http://blog.sina.com.cn/u/446ae4ee0100035n
加入百度搜索 http://blog.sina.com.cn/u/446ae4ee0100034s
加入滚动新闻 http://blog.sina.com.cn/u/446ae4ee0100035r
邮箱快速登录 http://blog.sina.com.cn/u/446ae4ee0100035q
显示来访者ip http://blog.sina.com.cn/u/446ae4ee0100034p
添加视频代码 http://blog.sina.com.cn/u/446ae4ee010003lp
许祈愿瓶代码 http://blog.sina.com.cn/u/446ae4ee010006pw
加入flash动画 http://blog.sina.com.cn/u/446ae4ee010003lo
QQ星座运程查询 http://blog.sina.com.cn/u/446ae4ee0100037b
鼠标后跟彩色文字 http://blog.sina.com.cn/u/446ae4ee010007a2
博客开场动画效果 http://blog.sina.com.cn/u/446ae4ee010006v4
更改横幅图片代码 http://blog.sina.com.cn/u/446ae4ee010007g7
菜单处加入导航栏 http://blog.sina.com.cn/u/446ae4ee010006ub
制作默林老人代码 http://blog.sina.com.cn/u/446ae4ee0100070n
精美魔方相册制作 http://blog.sina.com.cn/u/446ae4ee0100079e
关闭博客时结束语 http://blog.sina.com.cn/u/446ae4ee010006sj
状态栏底部特效 http://blog.sina.com.cn/u/446ae4ee010003l7
幻灯片导航代码 http://blog.sina.com.cn/u/446ae4ee010007a3
晒网在线聊天室 http://blog.sina.com.cn/u/446ae4ee010007d3
QQ在线交谈面板 http://blog.sina.com.cn/u/446ae4ee0100072q
加入FLASH投票系统 http://blog.sina.com.cn/u/446ae4ee01000786
给自己博客添加密码http://blog.sina.com.cn/u/446ae4ee010006qb
右上角撕页翻角效果http://blog.sina.com.cn/u/446ae4ee010007fy
首页半透明蒙纱效果http://blog.sina.com.cn/u/446ae4ee01000720
更改标题字体及颜色http://blog.sina.com.cn/u/446ae4ee01000755
隐藏博客任意部分 http://blog.sina.com.cn/u/446ae4ee010006t9
更改首页模板宽度 http://blog.sina.com.cn/u/446ae4ee0100071y
修改博客标题样式 http://blog.sina.com.cn/u/446ae4ee0100072p
更改面板文字颜色 http://blog.sina.com.cn/u/446ae4ee010006ta
图片为背景发表文章 http://blog.sina.com.cn/u/446ae4ee010006qm
图片左右插入文字 http://blog.sina.com.cn/u/446ae4ee010003rd
图片文字超链接 http://blog.sina.com.cn/u/446ae4ee0100072r
滚动字幕和滚动图片 http://blog.sina.com.cn/u/446ae4ee0100034i
美化博客(1.文字效果) http://blog.sina.com.cn/u/446ae4ee010003ra
美化博客(2.图片效果) http://blog.sina.com.cn/u/446ae4ee010003rb
美化博客(3.边框效果) http://blog.sina.com.cn/u/446ae4ee010003rc
博客代码检测器 http://blog.sina.com.cn/u/446ae4ee0100079z
新浪blog常见问答 http://blog.sina.com.cn/u/446ae4ee0100035l
特殊字符大全 http://blog.sina.com.cn/u/446ae4ee010003qn
常用颜色代码 http://blog.sina.com.cn/u/446ae4ee010003qm
透明flash背景图片地址 http://blog.sina.com.cn/u/446ae4ee010007gs
个性化CSS鼠标样式网址 http://blog.sina.com.cn/u/446ae4ee010006q4
精美博客flash挂件素材 http://blog.sina.com.cn/u/446ae4ee010007gn
精美博客flash时钟地址 http://blog.sina.com.cn/u/446ae4ee010007gl
文章花边分割隔线素材 http://blog.sina.com.cn/u/446ae4ee010007gp
闪动背景效果图片素材 http://blog.sina.com.cn/u/446ae4ee010007gk
精美博客背景素材图片 http://blog.sina.com.cn/u/446ae4ee010007gj
漂亮博客横幅素材图片 http://blog.sina.com.cn/u/446ae4ee010007gi
三 : 自定义新浪博客各处模板
[转载]自定义新浪博客各处模板 (2011-12-14 20:38:19)
原文地址：自定义新浪博客各处模板作者：寒冷
自定义新浪博客各处模板：
1）改变BLOG标题大小的代码：
<STYLE type=text/css>
.banner .title td{font-size:36px;}
.banner .title td{FILTER: glow(color=#000000,direction=2);}
.banner .title td{color:#ffff66;}
.banner table{background:#transparent;filter:alpha(opacity=85);border:0px solid #000;}
</STYLE>
36px为标题文字的字体大小
#000000表示文字效果(显影)的颜，direction=2表示发光效果的强弱，数值可自行设定，自己觉得合适即可。
banner .title td{color:#ffff66;}表示标题文字的主颜色
banner table{background:#transparent; filter:alpha(opacity=85); border:0px solid #000;}这个是文字及其外框的设置：background:后面的值为标题外框的颜色效果；opacity=85是表示文字的透明度，值越小越透明；border:0px表示外框线条的粗细，数值越大边框线条越粗，数值设为0表示边框隐藏。
●●●---------- ---------- ----------
2）页面宽度的代码：
<STYLE type=text/css>
.bodyTop{width:900px;}
.bodyBg{width:900px;}
.bodyBottom{width:900px;}
.feeds .text{width:660px;}
.label{width:20px;}
.photo{width:200px;}
.callboard{width:200px;}
.links{width:200px;}
.calendar{width:200px;}
.sysBr180{width:200px;}
</STYLE>
参数说明：
.bodyTop 指的是页面顶部的宽度，控制了 banner（就是题图）的宽度。
.bodyBg 指的是整个页面的宽度，其值最好与上者相同（也可以自行变化）。
.bodyBottom 指的是页面底部的宽度，其值最好是与上面相同 。
.feeds .text 指的是正文部分的宽度（也就是文章部分的宽度） 。
.label 指的是面板的宽度（其值加正文宽度的值应略小于整个页面的宽度）。
.photo 指的是形象照片面板的宽度（其值同上） 。
.callboard 指的是公告栏的宽度（其值同上） 。
.links 面板（也即最新留言、最新评论等面板）宽度（其值同上）。
.calendar 日历的宽度（其值同上）。
.sysBr180 这个值比较特殊，其值同以上各面板宽度近似，但不一定相同大家应当根据自己设置的宽度进行调节。
width 后面的数字就是你要修改的宽度值，可根据自己的需要设置。
面板的宽度值大约为190左右；如果要改成全屏，整个页面总宽度约为995-996。
不过要更改模板宽度的话建议面板的宽度不必改，只需用代码中的前四个参数就行了。
---------- ---------- ----------
3）博客改变背景代码：
滚动的大背景代码：
<style>body {background:url("页面大背景图片地址") repeat scroll!important;}</style>
repeat 重复，当图片的大小不够的时候会以平铺显示
scroll 卷轴，大背景会随着右边滚动条拉动的时候而滚动
固定的大背景代码
<style>body {background:url("页面大背景图片地址") repeat fixed!important;}<style>
fixed 固定，大背景不会因为你拉动滚动条而滚动
背景透明代码：
<STYLE type=text/css>body
{background:#transparent) repeat scroll!important;}</STYLE>
使用说明：
找到你喜欢的图片（1024*768规格），把它存在你的博客里，具体方法参考无限制上传图片的方法然后把图片地址覆盖在代码中的("页面大背景图片地址")上面，找一个已经有内容的模块添加这段代码，就能改变你的BLOG背景了，具体用以上那一种代码，看你个人喜好了！
----------
4）自定义博客各部分背景代码：
<STYLE type=text/css>.logo
{background:url("题图上背景图片地址") no repeat no scroll!mportant;}</STYLE>
<STYLE type=text/css>.banner
{background:url("题图下背景图片地址") no repeat no scroll!mportant;}</STYLE>
<STYLE type=text/css>.menu
{background:url("题图下的菜单背景图片地址") no-repeat center;}</STYLE>
<STYLE type=text/css>.feeds .up
{background:url("正文标题栏上翻时的图片地址") no-repeat center;}</STYLE>
<STYLE type=text/css>.feeds .down
{background:url("正文标题栏下翻时的图片地址") no-repeat center;}</STYLE>
<STYLE type=text/css>.feeds .function
{background:url("正文摘要结尾处菜单的图片地址") no-repeat right;}</STYLE>
<STYLE type=text/css>.links .up
{background:url("面板标题栏上翻时的图片地址");}</STYLE>
<STYLE type=text/css>.links .down
{background:url("面板标题栏下翻时的图片地址");}</STYLE>
<STYLE type=text/css>.links .mid
{background:url("面板的背景图片地址");}</STYLE>
<STYLE type=text/css>.photo .mid
{background:url(个人形象照片处的背景图片地址);}</STYLE>
<STYLE type=text/css>.label .mid
{background:url("自定义面板的背景图片地址");}</STYLE>
<STYLE type=text/css>.calendar .mid
{background:url("日历面板背景图片地址");}</STYLE>
<STYLE type=text/css>.callboard .up
{background:url("公告栏标题栏上翻时的图片地址");}</STYLE>
<STYLE type=text/css>.callboard .down
{background:url("公告栏标题栏下翻时的图片地址");}</STYLE>
<STYLE type=text/css>.callboard .mid
{background:url("公告栏背景图片地址");}</STYLE>
<STYLE type=text/css>.bodyBg
{background:url("正文背景图片地址");}</STYLE>
<STYLE type=text/css>.bodyBottom
{background:url("内背景页脚处图片地址，在翻页处下面一横窄条");}</STYLE>
<STYLE type=text/css>.gbook .up
{background:url("留言板标题栏上翻时的图片地址") no-repeat;}</STYLE>
<STYLE type=text/css>.gbook .down
{background:url("留言板标题栏下翻时的图片地址") no-repeat;}</STYLE>
<STYLE type=text/css>.feeds .page
{background:url("正文文章页数图片地址") no-repeat center;}</STYLE>
<STYLE type=text/css>.links .more
{background:url("最新文章列表下的MORE的背景图片") no-repeat right;}</STYLE>
代码说明：
页面大背景(body) 指的是整个博客的最大背景，由于中间部分被覆盖，所以显示的效果只是两边的部分。
题图上背景(logo) 是指所在的横长条的背景。
题图下背景(banner) 是指博客名字博客地址 复制 ﹥收藏本页）所在的那部分的背景。
logo和banner宽各为770，logo高40，banner高134，单位均为像素。
题图下的菜单背景” 是指“HOME...搜索┆帮助┆退出”等字所在的那个横长条的背景。
正文标题栏上翻时的图片 指的是文章发表了之后文章标题的图片。
面板标题栏下翻时的图片 指的是点击标题后出现标题后的后面的图片。
面板的背景图片 指的是左边比如我的文章列表什么的背景图片。
正文背景 是指整个文章文字所在的大背景！
以上代码可以更改博客各个部分的图片，更换的图片尺寸要和原尺寸一模一样，关于上传图片和怎么得到图片地址请参考：无限制上传图片的方法
----------
如果想叫某一部分背景或者全部变的透明的话，在以上代码中大括号里面内容换上background:#transparent就能实现透明效果，
例如横幅代码：
<STYLE type=text/css>.logo
{background:url("题图上背景图片地址") no repeat no scroll!mportant;}</STYLE>
以上代码中红色部分全部改成：background:#transparent
示范：
<STYLE type=text/css>.logo{background:#transparent}</STYLE>
以上所有代码必须添加在已经有内容的模块中，例如模块里面已经有了时钟，天气预报等等内容！
具体操作步骤是：复制代码→控制面板→新增空白面板→钩选源代码(出现钩号，同时文档里出现DIV的字样)→粘贴代码→钩选源代码(钩号消失)→保存新增面板→定制个人首页
→选取新增个人面板→保存
未完待续，更多精彩请关注比比读小说网微信公众号
本文标题：
新浪博客模板-『分享』新浪博客模板代码大全 本文地址：
http://www.61k.com/1170973.html 