[转载]新浪博客代码教程_大状说法_新浪博客企业库|免费b2b网站

[转载]新浪博客代码教程_大状说法_新浪博客

新浪博客横幅代码

一代码如下：（加横幅图片）

<STYLE type=text/css>.banner

{background:url("横幅图片地址") no repeat no scroll!mportant;}.banner

{height:235px} </STYLE>

二代码如下：（直接加FLASH）

<STYLE type=text/css>.banner

{height:235px} </STYLE>

注释：有朋友自己制作的图片，或者使用FLASH做横幅，但是新浪博客大部分的模板横幅都很窄，只有音乐旋风的模板还算够宽，很是苦恼。有了这段代码，新浪博客横幅随你转！哈哈！

height:235px 235是高度，你要根据你所要加的横幅高度来调整。

使用横幅图片，请直接使用一代码即可。

以上一切代码{tx}等，只能改变首页效果。

添加方法：

１，控制面板----首页内容维护----定义空白模板----新建,创建模块标题，点击显示源代码--粘贴代码----保存并返回；

２，控制面板----定制我的首页----点添加模块----点选创建好的模块标题---勾上并保存，移动新建面板位置--保存设置。做第二步的目的是将建立好的模块在博客个人首页里呈现出来。

新浪博客横幅代码[{jd1}定位]

一代码如下：（{jd1}定位源代码）

<table border="0" cellpadding="0" width="{bfb}" style="position:absolute;z-index:100;border-collapse: collapse;left:0px;top:12px;width:expression_r((document.body.clientWidth));background-color:transparent;" ><tr><td align="center">这里覆盖需要定位的内容</td></tr></table>

二代码如下：（{jd1}定位+框架）

</td></tr></table>

有时候自己上传的FLSH导航栏，FLASH横幅，播放器等等都需要{jd1}的居中，不能有一点偏离！把你上传后打开的地址复制，然后粘贴覆盖到代码中的文字即可，然后复制代码-粘贴到模块中，调整代码中的上下数值，把你想要的效果放在特定的位置！

代码说明：

top:12px 上下位置的数值，数字越大，定位的东西越往下。（自动居中，只调整上下即可）

width=770 框架的长 height=48 框架的宽可根据实际情况自己调整。

添加说明：

１，控制面板----首页内容维护----定义空白模板----新建,创建模块标题，点击显示源代码--粘贴代码----保存并返回；

２，控制面板----定制我的首页----点添加模块----点选创建好的模块标题---勾上并保存，移动新建面板位置--保存设置。

新浪博客显IP地址代码

IP地址显示代码

或<iframe width="1800" height="30" frameborder="0" scrolling="no" src="
来源地显示代码一：
<script src=">

效果：欢迎您来自：福建省莆田市的朋友.您的IP：218.66.251.106【网】

来源地显示代码二：
<script src=">

效果：您的IP：218.66.251.106
您来自：福建省莆田市

来源地显示代码三：
<script src=">

效果：您的IP：218.66.251.106.来自：福建省莆田市【网】
来源地显示代码四：
<script src=">

效果：218.66.251.106. 福建省莆田市【网】
如果您想用，非常简单，不用进行任何申请，只要拷贝上面代码就可以了！

新浪对联代码

左侧对联代码：
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER:

progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression_r(

(document.body.scrollLeft)+(document.body.clientWidth)-750); BORDER-LEFT: medium

none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression_r(

(document.body.scrollTop)+(document.body.clientHeight)-350); TEXT-ALIGN: center"><IMG

src="图片网址" border=0></DIV>
右侧对联代码：
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER:

progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression_r(

(document.body.scrollLeft)+(document.body.clientWidth)-110); BORDER-LEFT: medium

none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression_r(

(document.body.scrollTop)+(document.body.clientHeight)-350); TEXT-ALIGN: center"><IMG

rc="图片网址" border=0></DIV>

网易博客如何搬家到新浪博客

博客搬家服务现在很是流行。估计不少从网易博客转过来的用户都希望使用这一服务。
现在就给大家介绍如何从网易博客转到新浪博客。
３.５版博客可以利用博客搬家功能，但如果您现在使用{zx1}5.0版博客，博客搬家功能现在暂时不支持5.0版博客，请等待调整完毕后再进行搬家。

请进入此链接开始搬家操作:http://blog.sina.com.cn/blogmove/index.php

博客搬家帮助详解:(http://blog.sina.com.cn/lm/8/2007/0516/34332.html

如果您在搬家过程中遇到任何问题请拨打客服电话95105670，提示音后按2键*2键（按当地市话标准计费），您也可以通过博客下部的新浪博客留言板或发邮件至sinablog@staff.sina.com.cn将问题反馈，告知您的博客地址，工作人员会为您提供帮助！

新浪博客css导航栏

添加方法：
１控制面板----首页内容维护----自定义空白模板----新建,创建模块标题，勾选显示源代码粘贴代码（粘贴代码前，{zh0}打一个空格，然后再进入粘贴代码，这时你会看到源代码中已经有一行代码了（ <DIV> </DIV> ），这时你再将自己的代码粘贴到它的下面即可，因为CSS代码粘贴到新建立的模块中，没有别的内容，不会显示的）----保存并返回；

２控制面板----定制我的首页----点添加模块----点选创建好的模块标题---勾上并保存，移动新建面板位置--保存设置。做第二步的目的是将建立好的模块在博客个人首页里呈现出来。

也可以直接把以上代码粘贴到以前你建立的模块中，并且现在正在使用这个模块，勾选显示源代码粘贴代码。点击保存就OK了！

css导航栏代码如下：

<DIV>

<TBODY>

<TR>

<TD>

<!--

body {

font-family: Verdana, Arial, Helvetica, sans-serif;

margin: 0;

font-size: 80%;

font-weight: bold;

background: #FFF;

}

h2 {

font: bold 14px Verdana, Arial, Helvetica, sans-serif;

color: #000;

margin: 0px;

padding: 0px 0px 0px 15px;

}

ul {

list-style: none;

margin: 0;

padding: 0;

}

img {

border: none;

}

#menu9 {

width: 150px;

margin: 10px;

}

#menu9 li a {

height: 32px;

voice-family: ""}"";

voice-family: inherit;

height: 24px;

text-decoration: none;

}

#menu9 li a:link, #menu9 li a:visited {

color: #FFF;

display: block;

background: url();

padding: 8px 0 0 35px;

}

#menu9 li a:hover, #menu9 li #current { {

color: #FFF;

background: url() 0 -32px;

padding: 8px 0 0 35px;

}

-->

</STYLE>

</LI></FONT></UL></DIV></TD></TR></TBODY></TABLE></DIV>

怎样添加博客挂件

1 鼠标点击图片--图片新打开一个IE窗口，复制IE栏中的地址，把地址覆盖在代码中图片地址文字上！

2 鼠标右键点击图片--属性--复制图片地址！{zh1}把图片地址覆盖在这个代码中图片地址上即可！

3 把图片用鼠标划黑，然后鼠标放在划黑处，CTRL+C复制，回到你的博客，在控制面板，点击发表BLOG文章，CTRL+V粘贴图片，然后点击 显示源代码，就会看到代码中图片地址！

新浪博客上传视频

新浪博客上传步骤：

{dy}步. 先登陆自己的新浪播客，然后选择上传文件，上传完要等新浪审核一会儿。

第二步. 新浪审核完了点开播放你上传的视频，右恻有“两张稿纸图标”和“分享/复制”的文字，点“分享/复制”，弹出页面的最上边则是新浪播客视频的地址，把这个地址复制。

第三步. 在新浪博客里发表文章，勾文本框下方的“显示源代码”勾选框（会显示一些代码，删了那写代码），复制下面的代码到文章发表框里面，注意用你前面复制的新浪播客上传视频的地址，替换代码中的新浪上传视频链接地址。 <DIV align=left></DIV><EMBED src=新浪上传视频链接地址 width=500 height=420 type=audio/mpeg loop="false"></DIV>

发表，您的新浪视频就可以播放了。

新浪博客添加每日星座运程查询代码

大家可以添加到博客首页，

每天都可以看看自己当天的运气~

代码：

<DIV class=t_msgfont id=message4173><FONT color=#ff0000><A href="http://www.bkdm.cn/tool/xz/" target=_blank><FONT color=#ff0000>【每日运程星座查询】</FONT></A></FONT></DIV>
<DIV class=t_msgfont> </DIV>
<DIV class=t_msgfont><A href="http://www.bkdm.cn/tool/xz/" target=_blank><IMG height=40 alt="" src="http://www.bkdm.cn/attachments/month_0708/20070822_9b2862c53f308dabf7e8np4DOw2DS4Pv.jpg" width=180 border=0></A></DIV>
<DIV class=t_msgfont> </DIV>
<DIV class=t_msgfont><A href="http://www.bkdm.cn/tool/xz/?id=1" target=_blank><FONT color=#810081><STRONG>白羊座</STRONG></FONT></A><STRONG> </STRONG><A href="http://www.bkdm.cn/tool/xz/?id=2" target=_blank><FONT color=#0000ff><STRONG>金牛座</STRONG></FONT></A><STRONG> </STRONG><A href="http://www.bkdm.cn/tool/xz/?id=3" target=_blank><FONT color=#810081><STRONG>双子座</STRONG></FONT></A><STRONG> </STRONG><A href="http://www.bkdm.cn/tool/xz/?id=4" target=_blank><STRONG><FONT color=#0000ff>巨蟹座</FONT></STRONG></A></DIV>
<DIV class=t_msgfont> </DIV>
<DIV class=t_msgfont><A href="http://www.bkdm.cn/tool/xz/?id=5" target=_blank><FONT color=#810081><STRONG>狮子座</STRONG></FONT></A><STRONG> </STRONG><A href="http://www.bkdm.cn/tool/xz/?id=6" target=_blank><FONT color=#0000ff><STRONG>处女座</STRONG></FONT></A><STRONG> </STRONG><A href="http://www.bkdm.cn/tool/xz/?id=7" target=_blank><FONT color=#0000ff><STRONG>天秤座</STRONG></FONT></A><STRONG> </STRONG><A href="http://www.bkdm.cn/tool/xz/?id=8" target=_blank><STRONG><FONT color=#0000ff>天蝎座</FONT></STRONG></A></DIV>
<DIV class=t_msgfont> </DIV>
<DIV class=t_msgfont><A href="http://www.bkdm.cn/tool/xz/?id=9" target=_blank><FONT color=#0000ff><STRONG>射手座</STRONG></FONT></A><STRONG> </STRONG><A href="http://www.bkdm.cn/tool/xz/?id=10" target=_blank><FONT color=#0000ff><STRONG>摩羯座</STRONG></FONT></A><STRONG> </STRONG><A href="http://www.bkdm.cn/tool/xz/?id=11" target=_blank><FONT color=#0000ff><STRONG>水瓶座</STRONG></FONT></A><STRONG> </STRONG><A href="http://www.bkdm.cn/tool/xz/?id=12" target=_blank><STRONG><FONT color=#810081>双鱼座</FONT></STRONG></A></DIV>

如何制作滚动字幕面板

大家知道如何在新浪博客制作滚动字幕吗？

　　用下边的代码<marquee></marquee>便可以制作字幕的滚动，方法如下：

　　{dy}步、登录新浪博客，输入“登录名”“密码”和“验证码”后点击“登录”。
1.登陆博客

　　第二步、进入首页右上方的“控制面板”。

2.进入控制面板

　　第三步、进入“个人首页维护”。

3.进入个人首页维护

　　第四步、进入“自定义空白面板栏”。

4.进入自定义空白面板栏

　　第五步、点击“增加”增加空白面板。

5.增加空白面板

　　第六步、填好面板标题，勾选文本框下方的“显示源代码”勾选框，记住，一定要勾选否则面板无法添加，在文本框中添加下面代码，然后点击保存。

<MARQUEE scrollAmount=1 scrollDelay=77 direction=up width=270 height=77
onmouseout="this.start()" onmouseover="this.stop()">你好！
<BR>欢迎
<BR>来到
<BR>我的
<BR>博客</MARQUEE>

　　下边详细解释一下代码的具体意思：

　　1、 width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。

2、scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。

３、 scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。

４、direction。表示滚动的方向，默认为从右向左：←←←。可选的值有right、down、up。滚动方向分别为：right表示→→→，up表示↑，down表示↓。
５、每行文字添加在<br></br>之间。

　　６、 behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动) 。

6.贴入代码，点击“保存”

　　第七步、点击“控制面板”左侧“BLOG信息设置”中的“定制我的首页”。

7.点击定制我的首页

　　第八步、点击“添加模块”。

9.点击添加模块

　　第九步、勾选刚刚建立的模板，点击下方的“选取”。

10.选取面板

　　第十步、出现在页面上，将之托拽到合适的位置上点击“保存设置”，完成播放器面板添加。

是不是很详细啊，大家仔细的研究研究吧，结合自己的博客实际操作一遍就掌握了。

新浪博客滚动背景

滚动背景代码：
<style>body {background:url("页面大背景图片地址") repeat scroll!important;}</style>
滚动背景代码：随着你拉动滚动条而上下滚动，适合小图片，什么闪烁的星星之类的！图片小{zh0}，它会自动平铺！

新浪博客添加天气预报模块

首先打开这个地址：
{dy}步：在城市这里，添加你想要制定的城市名称，如河北
第二步，添加城市名称后，点生成代码。
第三步，点击生成后即可看见有三种表现方式，我选择的是第三种。
1 效果预览。
2 在效果预览旁边就是这个效果的代码，复制代码→粘贴到新建模块中即可。
修改代码：
生成代码后，你如果感觉颜色不合心意，你可以选择第二种，然后根据下面的方法在它的代码中修改显示颜色。
c0=F9DC68 表格{dy}行背景颜色红色文字是颜色数值。
c1=white c2=FEFCE0 c1，c2 表格其他行间隔的背景颜色红色文字是颜色数值。
t1=redt1 标题颜色红色文字是颜色数值。
bg=white 页面背景颜色红色文字是颜色数值。
w=160 表格宽度宽度可以自行调节。
注意：颜色请不要加 # 符号，如 #FF0000 请改写成 FF0000
把所有的颜色数值修改成 transparent 再在代码中{zh1}的 </iframe> 前面添加 allowTransparency=true> 就是透明效果了。
透明滚动效果：
如果喜欢滚动效果的，但是还没有看中现有第三种滚动效果的显示颜色，可以把第二种修改成滚动的，请按照下面步骤来做：
1 text=no 红色部分修改成 text=yes 就是滚动效果。
2 WIDTH:160px 宽 HEIGHT:248px 高把高改成 22px。
3 把所有的颜色数值修改成 transparent 再在代码中{zh1}的 </iframe> 前面添加 allowTransparency=true> 这三步修改完了就是滚动透明效果了。
添加代码说明：
1，控制面板----首页内容维护----定义空白模板----新建,创建模块标题，点击显示源代码--粘贴代码----保存并返回；
2，控制面板----定制我的首页----点添加模块----点选创建好的模块标题---勾上并保存，移动新建面板位置--保存设置。做第二步的目的是将建立好的模块在博客个人首页里呈现出来。

新浪博客加密

新浪博客的文章可不可以不让别人看到?有的文章我只想自己看该怎么办,新浪博客是全部公开么?

答：
是全部公开的，sina的博客，只能设置回复权限，至于浏览加密权限，sina好象不能设置。
如果你想把整个博客加密到是有个办法。
在博客中加上这个代码：
<script><script>

</script>

注：红色部分改为你想设置的密码，绿色部分改为输入正确密码后的欢迎语句。千万注意，设置密码后一定要记住，否则，只能找新浪客服服务人员了

提高新浪博客速度方法

很多时候会在运行新浪博客的时候打开速度很慢，有时很长时间都做不了什么工作，是不是很苦恼呢？

我给大家提供几个优化参数，只要按照这个参数执行了，问题就迎刃而解了。

（一）BLOG个人LOGO头像，也就是“首页个性图片”。优化参数：宽度设为≤180像素。因为新浪博客2.0默认的LOGO尺寸为180×121像素，所以宽度设为180为{zj0}，高度一般没问题。

（二）BLOG文章配图大小。优化参数：宽度设为≤496像素。这是新浪博客中出现问题最多的地方，很多文章里的图片显示不完整，原因就是图片的宽度超过了496像素，所以最右边的显示不出来。系统不能自动调整来显示图片全貌，这可以说是SINA
BLOG的一个BUG。

（三）BLOG导航栏图片大小，也就是一般的左侧窄栏里的图片大小。优化参数：宽度设为≤190像素。只要小于或等于这个参数，显示一定会正常。

（四）博客背景音乐播放速度慢的问题。优化技巧：到sogou或baidu音乐搜索里找一个缓冲速度快的歌曲url地址。背景音乐不能使用自己电脑里的。

（五）段落空格问题。这是公开的秘密了，空两格的话，要按8下空格键才能实现空两格的效果，而不是按两下

如果你的blog出现了以上问题，你可以按照上面的参数进行重新编辑修改相关的地方，我相信一定会有效。对了，有不少朋友不知道如何修改图片尺寸，其实用看图工具ACDSee8.0就可以很容易的修改，一般电脑里都有这个软件吧^_^

新浪博客首页的文章摘要字数如何更改

最近有朋友谈起来说自己的新浪博客首页文章全部都显示出来，很占首页的空间，导致首页的滚动条拉得太长，浏览起来十分不方便。

其实在首页显示的文章摘要的字数是可以设置的，这样一来，就可以使首页版面在我们的控制范围内了。想让摘要有多长就显示多长，很方便。下边我就讲一下具体的设置方法：

首先，登陆你的博客，点击“管理博客”进入后台；在后台的左侧有一个“BLOG信息设置”，点开后会出现“BLOG基本信息”，单击这个功能键，在屏幕的右侧就会出现“+ BLOG基本信息设置 ”。在这里就可以任意设置你的博客首页文章摘要的字数了，是不是已经看到“BLOG特殊设置”设置区域了，“文章摘要显示字数”。可以设置成“全部”“300”“500”“1000”“2000”。

是不是很容易啊！希望大家都能掌握更多的新浪博客后台功能，让“你的地盘，你作主”。

新浪文字移动代码

代码如下：

<marquee onmouseover=this.stop() onmouseout=this.start() scrollamount="1"

scrolldelay="60" direction="up" width="180" height="210"><div><font color="#ff0000"><b>本

站公告</b></font></div><div><font color="#003366">这里是移动文字内容

</font></div></marquee>

个性鼠标代码

<STYLE type=text/css>
BODY{cursor:url(’鼠标平常保持时所显示的图案url地址’);}
A {CURSOR: url(’鼠标点击链接目标时所显示的图案url地址’);}
</STYLE>

新浪博客开场动画效果代码

<DIV><EMBED style="LEFT: 0px; POSITION: absolute; TOP: 0px" align=right src=FLASH地址

width=994 height=768 type=application/octet-stream ;; quality="high"

wmode="transparent"></DIV></DIV>

破阵子----醉里挑灯看剑

醉看论坛大众，弛奔鲁国空间，三十六春已不见，十八无知正少年，未酬心中情。

志似雄鹰傲展，心如海阔天空，愧对炎黄华夏梦，难霸神州强国声，只叹横鼠行

郑重声明：资讯【[转载]新浪博客代码教程_大状说法_新浪博客】由发布，版权归原作者及其所在单位，其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实，请读者仅作参考，并请自行核实相关内容。若本文有侵犯到您的版权，请你提供相关证明及申请并与我们联系（qiyeku # qq.com）或【在线投诉】，我们审核后将会尽快处理。

—— 相关资讯 ——