个人博客前端模板,如何自己制作新浪博客模板
个人博客前端模板,如何自己制作新浪博客模板详细介绍
body
{background:url(页面背景图片) repeat
scroll!important;}
.logo
{background:url(题图logo图片) 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;}
.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;}
.feeds .page{
background:url("正文文章页数图片") no-repeat center;}
本文目录一览： 如何自己制作新浪博客模板
制作步骤是：
1）成功登陆博客后，点击控制面板
2）进入后可以看到左侧有一个“定制我的首页”
3）点击进入左侧可以看到“添加模块”
4）点击进入后，看到“自定义空白面板”
5）下面有“创建新的空白面板”
6）进入后输入“面板标题名”，然后，下角可以看到“显示原代码”
7）选中后，将下面的源代码复制后放在它们中间：
body
{background:url(页面背景图片)
repeat
scroll!important;}
logo
{background:url(题图logo图片)
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;}
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;}
feeds
page{
background:url("正文文章页数图片")
no-repeat
center;}
8）最后保存设置即可.
注：1.把文字部分改成图片地址即可,但图片地址必须是网络上已经存在的，否则不能显示。
2.需要哪部分就添加哪部分的代码，不需要的不用加。
3.建议博友最好一个一尝试,就会知道哪个代码是模板中的哪部分了.
如何自己制作新浪博客模板
制作步骤是：
1）成功登陆博客后，点击控制面板
2）进入后可以看到左侧有一个“定制我的首页”
3）点击进入左侧可以看到“添加模块”
4）点击进入后，看到“自定义空白面板”
5）下面有“创建新的空白面板”
6）进入后输入“面板标题名”，然后，下角可以看到“显示原代码”
7）选中后，将下面的源代码复制后放在它们中间：
说明：
页面背景图片指的是模板两边空白的地方的照片。
题图logo图片，又叫题图上。
题图大图，又叫题图下。
正文标题栏上翻时的图片指的是文章发表了之后文章标题后的图片。
面板标题栏下翻时的图片指的是点击标题后出现标题后的后面的图片。
正文背景图片指的是我们的文章发表了之后文字下面的图片。
其他的就不言而喻了，不知道的可以自己摸索一下，需要修改哪项就添加哪项，不需要的就去掉。
又：图片必须来源于网上，当然也可以自己上传到博客然后再做链接。
新浪博客5.0的模板到哪里去找？
1，控制面板----自定义设置----首页内容维护----定义空白模板----新建,创建模块标题，显示源代码粘贴代码--保存并返回；
2，控制面板----定制我的首页----点添加模块----点选创建好的模块标题---勾上点击最下面的选取，（页面刷新后，鼠标点住一侧模块标题上，可上下移动新建面板位置）--最后点击保存设置。做第二步的目的是将建立好的模块在博客个人首页里呈现出来。
博客模板
http://blog.sina.com.cn/dufan
新浪博客模板
http://blog.sina.com.cn/u/4a38c37a0100085c
新浪博客模板大全
博客模板
这个是zblog,很简单的,楼主可以去我的blog看看
www.inever.cn/blog
我的是boblog,安装都很简单,如果需要帮忙,可以HI我
鉴定为AD
这是用z-blog搭建的平台，略懂点HTML就可以了
博客模板系统，可用于免费创建自己的博客，也有大量精美的模板使用，也就是说你不懂技术，下载博客网站模板也能创建自己的博客。
一般来说搭建博客网站，除了织梦cms，还可以使用wordpress、emlog个人博客系统、z-blog、thinkcmf、fastadmin等，可以根据自己喜好进行挑选。
用DreamWeaver制作博客模板
编辑和更新模板
更改并保存模板时，Dreamweaver 可以自动更新基于该模板的所有文档。如果需要您也可以手动更新基于模板的文档。
注意：若要编辑 Contribute 站点的模板，必须使用 Dreamweaver；无法在 Contribute 中编辑模板。
当保存模板时，Dreamweaver 自动检查模板语法。在编辑模板时您可能也想检查模板语法。
打开要编辑的模板
可以直接打开一个模板文件进行编辑，或者可以打开一个基于模板的文档，然后打开附着的模板进行编辑。
当您更改模板时，Dreamweaver 将提示您更新基于该模板的文档。
注意：如果需要，在模板更改后，也可以手动更新基于模板的文档（请参见手动更新基于模板的文档）。
若要打开并编辑模板文件，请执行以下操作：
在“资源”面板（“窗口”>“资源”）中，选择面板左侧的“模板”类别。
“资源”面板列出站点可用的所有模板并显示选定模板的预览。
在可用模板列表中，执行下列操作之一：
双击您要编辑的模板名称。
选择要编辑的模板，然后单击“资源”面板底部的“编辑”按钮。
模板在“文档”窗口中打开。
根据需要修改模板的内容。
提示：若要修改模板的页面属性，请选择“修改”>“页面属性”。（基于模板的文档将继承该模板的页面属性。）
保存该模板。
Dreamweaver 提示您更新基于该模板的页面。
单击“更新”更新基于修改后的模板的所有文档；如果不想更新基于修改后的模板的文档，请单击“不更新”。
Dreamweaver 显示一个记录，指示已经更新的文件。
若要打开并修改附加到当前文档的模板，请执行以下操作：
在“文档”窗口中打开基于该模板的文档。
执行下列操作之一：
选择“修改”>“模板”>“打开附加模板”。
右键单击 (Windows) 或按住 Control 键单击 (Macintosh)，然后选择“模板”>“打开附加模板”。
根据需要修改模板的内容。
提示：若要修改模板的页面属性，请选择“修改”>“页面属性”。（基于模板的文档将继承该模板的页面属性。）
保存该模板。
Dreamweaver 提示您更新基于该模板的页面。
单击“更新”更新基于修改后的模板的所有文档；如果不想更新基于修改后的模板的文档，请单击“不更新”。
Dreamweaver 显示一个记录，指示已经更新的文件。
手动更新基于模板的文档
修改模板后，Dreamweaver 会提示您更新基于该模板的文档，但您可以根据需要手动更新当前文档或整个站点。手动更新基于模板的文档与重新应用模板相同。
若要将模板更改应用于当前基于模板的文档，请执行以下操作：
在“文档”窗口中打开该文档。
选择“修改”>“模板”>“刷新当前页”。
Dreamweaver 基于所有的模板更改更新该文档。
若要更新整个站点或所有使用指定模板的文档，请执行以下操作：
选择“修改”>“模板”>“更新页面”。
即会出现“更新页面”对话框。
完成此对话框，然后单击“开始”。
有关更多信息，请参见设置“更新页面”对话框选项。
Dreamweaver 按照指示更新文件。如果选择了“显示记录”选项，Dreamweaver 将提供关于它试图更新的文件的信息，包括它们是否成功更新的信息。
单击“关闭”关闭对话框。
编辑和更新模板
更改并保存模板时，Dreamweaver 可以自动更新基于该模板的所有文档。如果需要您也可以手动更新基于模板的文档。
注意：若要编辑 Contribute 站点的模板，必须使用 Dreamweaver；无法在 Contribute 中编辑模板。
当保存模板时，Dreamweaver 自动检查模板语法。在编辑模板时您可能也想检查模板语法。
打开要编辑的模板
可以直接打开一个模板文件进行编辑，或者可以打开一个基于模板的文档，然后打开附着的模板进行编辑。
当您更改模板时，Dreamweaver 将提示您更新基于该模板的文档。
注意：如果需要，在模板更改后，也可以手动更新基于模板的文档（请参见手动更新基于模板的文档）。
若要打开并编辑模板文件，请执行以下操作：
在“资源”面板（“窗口”>“资源”）中，选择面板左侧的“模板”类别。
“资源”面板列出站点可用的所有模板并显示选定模板的预览。
在可用模板列表中，执行下列操作之一：
双击您要编辑的模板名称。
选择要编辑的模板，然后单击“资源”面板底部的“编辑”按钮。
模板在“文档”窗口中打开。
根据需要修改模板的内容。
提示：若要修改模板的页面属性，请选择“修改”>“页面属性”。（基于模板的文档将继承该模板的页面属性。）
保存该模板。
Dreamweaver 提示您更新基于该模板的页面。
单击“更新”更新基于修改后的模板的所有文档；如果不想更新基于修改后的模板的文档，请单击“不更新”。
Dreamweaver 显示一个记录，指示已经更新的文件。
若要打开并修改附加到当前文档的模板，请执行以下操作：
在“文档”窗口中打开基于该模板的文档。
执行下列操作之一：
选择“修改”>“模板”>“打开附加模板”。
右键单击 (Windows) 或按住 Control 键单击 (Macintosh)，然后选择“模板”>“打开附加模板”。
根据需要修改模板的内容。
提示：若要修改模板的页面属性，请选择“修改”>“页面属性”。（基于模板的文档将继承该模板的页面属性。）
保存该模板。
Dreamweaver 提示您更新基于该模板的页面。
单击“更新”更新基于修改后的模板的所有文档；如果不想更新基于修改后的模板的文档，请单击“不更新”。
Dreamweaver 显示一个记录，指示已经更新的文件。
手动更新基于模板的文档
修改模板后，Dreamweaver 会提示您更新基于该模板的文档，但您可以根据需要手动更新当前文档或整个站点。手动更新基于模板的文档与重新应用模板相同。
若要将模板更改应用于当前基于模板的文档，请执行以下操作：
在“文档”窗口中打开该文档。
选择“修改”>“模板”>“刷新当前页”。
Dreamweaver 基于所有的模板更改更新该文档。
若要更新整个站点或所有使用指定模板的文档，请执行以下操作：
选择“修改”>“模板”>“更新页面”。
即会出现“更新页面”对话框。
完成此对话框，然后单击“开始”。
有关更多信息，请参见设置“更新页面”对话框选项。
Dreamweaver 按照指示更新文件。如果选择了“显示记录”选项，Dreamweaver 将提供关于它试图更新的文件的信息，包括它们是否成功更新的信息。
单击“关闭”关闭对话框。
谁能给我一个百度博客模板代码
何洁的博客是：http://blog.sina.com.cn/m/hejie
百度css模板代码
#m_links{overflow-y:auto;height:250px}
不过，加一些参数可以让滚动条更有个性，和页面搭配得更完美。下面就是我的页面各种滚动条的详细代码，大家可以参照着修改：
文章列表的滚动条：
#m_blog{scrollbar-face-color: #E100E1;
scrollbar-shadow-color: maroon;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #E100E1;
scrollbar-darkshadow-color:#E100E1;
scrollbar-arrow-color:#E100E1;
scrollbar-base-color: #E100E1;
scrollbar-track-color: #E100E1;
overflow-y:auto;height:1194px;
filter: chroma(color=#E100E1);} /*文章列表的滚动条*/
友情链接的滚动条：
#m_links{scrollbar-face-color: #E100E1;
scrollbar-shadow-color: maroon;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #E100E1;
scrollbar-darkshadow-color:#E100E1;