WordPress侧边栏广告展示实现方法

林继 WordPress 3,509 共写了186个字 (2011-05-04 7:57:43) 没有评论 打印 扫描二维码 百度已收录
  1. <!--调用 弹动插件--><script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.easing.1.3.js"></script> <!--结尾-->
  2. <!--调用header--><script type="text/javascript"  src="<?php bloginfo('template_directory'); ?>/js/header.js"></script> <!--结尾-->

放到之前,前提当然是你加载了jQuery库

CSS式样

  1. /*侧边栏广告*/
  2. #adbg{position:absolute;left:-203px; top:150px; background:url(images/ad.png) no-repeat; width:235px; height:231px;}
  3. #ad{ width:180px; height:150px; margin:63px 0 0 10px}
  4. * html #adbg { display:none; } /* IE6 */
  5. *+html #adbg{ display:none;} /* IE7 */

广告代码放置 ,放在头部和底部都可以

  1. <div id="adbg"> 
  2. <div id="ad"> 
  3.  
  4. /* 博客广告展示 */
  5.  
  6. </div>
  7. </div>

附件下载 | 地址1:js.rar | 地址2:js.rar

js包含其他的效果,比如侧边栏标题平移,不用的精简下

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

< >