新浪搜狐博客都可以添加挂件,但是代码可不一样的,哈哈!来学学新浪的吧!
静止的挂件代码:
<DIV id=moaz style="LEFT: 0px; POSITION: absolute; TOP: 120px"><A href= target=_blank><IMG src="左侧图片地址" border=0></IMG></A></DIV>
<DIV id=moaz style="RIGHT: 0px; POSITION: absolute; TOP: 120px"><A href= target=_blank><IMG src="右侧图片地址" border=0></IMG></A></DIV>
<DIV></DIV>
代码注释:
LEFT: 0px; 左右位置数值。
TOP: 120px 上下位置数值。
注:可能图片大小不一样,所以添加后请在代码中改变左右数值,来固定图片位置。
随着滚动条移动的挂件代码:
<DIV id=moaz style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-160); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-470); TEXT-ALIGN: center"><IMG alt=博客学堂 src="左侧图片地址" border=0></IMG></DIV>
<DIV id=moaz style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-1050); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-470); TEXT-ALIGN: center"><IMG alt=博客学堂src="右侧图片地址" border=0></IMG></DIV>
<DIV></DIV>
代码注释:
(document.body.clientWidth)-160); 左侧挂件左右位置数值。
(document.body.clientHeight)-470);左侧挂件上下位置数值。
(document.body.clientWidth)-1050);右侧挂件左右位置数值。
(document.body.clientHeight)-470);右侧挂件上下位置数值。
注:可能图片大小不一样,所以添加后请在代码中改变左右数值,来固定图片位置。
添加方法:
1、登陆新浪博客-管理博客-自定义设置-首页内容维护-自定义空白面板-进入编辑-最好选择以前你建立的面板-编辑-勾选显示源代码-粘贴已经替换好图片的代码-再次勾选显示源代码-保存。可能有的没有效果,很大可能是和你建立面板里的代码相冲突。建议你不妨返回首页看效果! 保证你喜欢的不得了,哈哈!
2、返回首页看效果如何,如果没有效果可能是代码之间相冲突,建议不要添加太多的特效代码,哈哈!
别忘了把红色部分替换成你的挂件地址,需要挂件,对吧!来这里看看!可爱吊饰挂件-闪闪发亮
收藏和分享: