新浪blog的代码是怎样添加的?
分类: 电脑/网络 >> 互联网
问题描述:
新浪blog的代码是怎样添加的?如何在新浪blog上添加代码,添加代码的位置是怎样的,为什么我添加完了,总不好使,是不是位置错了。
解析:
控制面板 → 维护首页内容 → 点击进入自定义空白面板编辑界面 → 新增一个空白自定义面板 → 面板标题随便写(建议写你要修改什么部分代码的标题,例:背景 banner等,方便日后修改) → 在显示源代码方框内打勾 → 开始粘贴下列代码 → 完毕后把显示源代码方框内的勾打掉 → 点击返回 → 控制面板 → 定制首页的内容板块 → 点击添加模块 → 现在会在自定义面板下出现你刚才编辑好的面版名称 → 选中后提交 → 刷新你的个人首页即可 我的代码的使用基本上都这样放进我的首页的。
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(形象照片处的背景图片);}
bel .mid{
background:url(自定义面板的背景图片);}
.calendar .mid{
background:url("日历面板背景");}
.callboard .up{
background:url("blog.sina/pic/4515a7bd0200031p");}
.callboard .down{
background:url("blog.sina/pic/4515a7bd0200031l");}
.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;}
以上代码我都试过,均可用。红色的部分是必须要有的,其他可以任你自己的需要进行选择。如果你只想改背景图片,你就可以输入:
body
{background:url(页面背景图片) repeat
scroll!important;}
也可以两个或者两个以上一起放进一个空白面板
新浪博客如何投放代码?
这一步就不详细讲了,是每个Adsenser的常识。有疑问的可以私下交流。2. 将代码贴到纪事本文件,另存为.html类型,名称自选(这里以ggadsense.html为例).作为测试,你可以先加入一个160*600的摩天大楼到新浪博客左侧的sidebar。3. 上传该文件至你的空间。记下他的链接。(比如)4. 登陆新浪博客控制面板,在左侧菜单中点击“首页内容维护”,进入“自定义空白面板”,点击“新增”,为面板取一个标题,例如“google广告”,注意要勾选“显示源代码”,然后在内容框中输入代码:(请把全角<>自行修改为半角)<IFRAME align=center marginWidth=0 marginHeight=0 src="" frameBorder=0 width=160 scrolling=no height=600></IFRAME>5. 在控制面板左侧菜单中点击“定制我的首页”,在随后的弹出页中点击“添加模块”,勾选上一步新增的“google广告”面板,单击“选取”。6. 这时,已经看到google adsense广告的初貌了,不过,它是出现在左侧最下方的,你自行移动到上面不同的位置。------------最后点“保存设置”,google adsense广告已经显示在首页了。------------相关技巧:除了新浪博客主页,在文章页面怎样加入Adsense代码呢?1.你需要使用word等可视化编辑器而不是ubb编辑器。2.在相应的位置加入如下的代码:(注意修改相应部分)<IFRAME src="广告代码URL地址" align=center marginWidth=0 marginHeight=0 frameBorder=0 scrolling=no width=468 height=60></IFRAME>上述“广告地址”“width=468”“height=60”需要自定义。(请把全角<>自行修改为半角)第二种——把广告直接显示在免费的主页或其他可以放广告的博客上,然后直接复制。教程如下:第二种方法现在网上流行的都是新浪一个朋友用googlepages做的教程。其实那个方法已经过于烦琐了。比如你如果还有一个可以放广告的博客的话,你直接复制粘贴到指定位置就行了。况且现在googlepage都已经改版了,不是网上图示的样子了。当然你也可以自己申请一个google主页,这是我个主页/。呵呵,域名是不是很好记。你如果要申请的话,可以点这里/。当然前提你要有个google的gmail邮箱。好了废话一大堆,其实只是想让大家知道,你只是需要把你的广告代码在可以显示的地方显示一下.然后把显示的广告复制一下,粘贴到新浪就OK啦!必须粘贴到新浪博客的“新建空白面板”里,广告就能够显示在你的博客首页了!不会用新浪的空白面板的朋友看这里:进入“控制面板”——首页内容维护——自定义空白面板——新增——在编辑区粘贴广告——点保存——定制我的首页——添加模块——勾选你设定的名称——选取——保存设置。就可以了。其实不管在哪里建博啦,都祝你收入多多!!
怎么使用新浪博客代码
1控制面板.
3,个人首页维护.
4,自定义空白面板.
5,新增(建议每做一个效果,先建立一个空白面板,这样以免和其他面板混淆).
6,添标题(有人问我,为什么提示面板标题的字数不能超过**,那是因为你把代码添到标题的位置上了).
7,打空格(在编辑区域打几个空格.有很多人问,打空格做什么.在这里解释下,有些博客上的代码为CSS代码,这类代码是不可以直接添加到空白面板里的,如果直接添加到空白面板里,代码默认为无效,版面默认为空白,所以要打几个空格).
8,勾选显示源代码,粘贴代码(大家注意下,打过空格后勾选显示源代码就会先出现第一行代码,DIV中间的那东西的多少,和你打的空格的多少有关,保存的时候一定要看下,这个代码是否还在,如果不在,从第7步从新开始.如果代码像图片中显示的类似,直接保存就可以了).
9,定制我的首页(这个在控制面板那个页面左边的竖行里)
10,在新弹出的页面中,左边的浮动块中点添加模块(这个浮动块有时候会被刷成一个灰色的小方块,这个时候可以刷新一下)
11,在新的页面中
勾选刚刚新建立的那个模块
12,在这个页面的最下面
点
选取
13,这时候在自动返回的页面中,点保存(这个浮动块有时候会被刷成一个灰色的小方块,这个时候可以刷新一下).