Jimdo博客底部动态添加超链接广告图片方法 By网型网秀

  Jimdo朋友中很多都在自己的网站上添加了广告,一方面是为了利用网站赚钱,一方面就是为了能为网站增添一些美观。本站致力于分享技术,目前还未推出广告,是为了增加用户体验,少加载一些Js代码能加快页面的速度。然而,要是在每个页面都添加一个广告代码,相信是很烦的一件事,博客的数目是不固定的,所以,添加代码是个庞大的工程。本篇将介绍动态添加广告的方法,希望能给需要的朋友一些帮助。  

      使用过Jimdo博客功能的用户会知道,每篇文章的下面都有个Tackback链接(Tackback是什么可以到网上搜索一下),而且只有博客的下面才有,所以可以利用这个元素动态添加广告。

      设计思路:先找到Trackback的位置,然后将里面的代码内容改成添加的内容代码和原来的代码,即x=a+x 。代码如下:

<script type="text/javascript">
//<![CDATA[
var x=document.getElementById("trackback");
x.innerHTML="<a href='http://t.sina.com.cn/wxwx2010'  target='_blank'><img src='http://service.t.sina.com.cn/widget/qmd/1744796180/7b4844ef/4.png' ><\/a>"+"<br>"+x.innerHTML;
//]]>
</script>

      红色处为链接地址,橙色的为图片地址。要求代码必须添加在Trackback后面的任何一个位置(推荐),因为在前面会不起作用。如果你将广告盒设置在右面的,建议就添加在sidebar的下面,这样就可以在网站的每个页面上执行了。但如果不是这种布局,可以添加如下万能代码:

<script type="text/javascript">//<![CDATA[

function ad(){

var x=document.getElementById("trackback");

x.innerHTML="<a href='http://t.sina.com.cn/wxwx2010'  target='_blank'><img src='http://service.t.sina.com.cn/widget/qmd/1744796180/7b4844ef/4.png' ><\/a>"+"<br>"+x.innerHTML;}

window.onload=ad;

//]]></script>

此代码可以添加在任何位置,包括head。

 

  这其实就是将代码改成了带有超级链接的图片,由于没有用过广告联盟,对其代码还不是很熟,没有现成的Js代码测试,所以没有给出代码。道理估计还是一样,只要修改x.innerHTML="代码"+x.innerHTML就行了。希望测试通过的朋友留言介绍一下方法。

 

  除了广告之外,可以添加微博的图片,不过腾讯的微博不给力,初次加载不能显示图片,推荐使用新浪微博,效果更好。

本文转自网型网秀

Write a comment

Comments: 10
  • #1

    小卒居社区 (Wednesday, 02 March 2011 13:11)

    来看看,今天jimdo超级慢不知为什么,不过本站速度还不错,文章不错,学习了。

  • #2

    诸葛草帽 (Wednesday, 02 March 2011 16:31)

    回复小卒居社区:好久没有弄jimdo了,有点累了

  • #3

    中国美术高考网 (Sunday, 06 March 2011 16:18)

    呵呵呵,坚持哦
    http://www.51meishu.com/

  • #4

    独星 (Monday, 07 March 2011 23:45)

    我准备要跳槽了~不玩Jimdo了

  • #5

    诸葛草帽 (Tuesday, 08 March 2011 07:21)

    回复独星:跳槽?那你准备玩什么啊?

  • #6

    1980网络技术 (Monday, 14 March 2011 22:49)

    此方法似乎不错哦,我马上试试看。

  • #7

    商丘律师网 (Saturday, 16 April 2011 20:53)

    留个脚印

  • #8

    上海婚纱 (Friday, 29 April 2011 14:41)

    学习了!马上试试看!

  • #9

    小军 (Friday, 29 April 2011 20:51)

    来给顶下啊 你好久没有更新了!要加油啊,

  • #10

    诸葛草帽 (Saturday, 30 April 2011 09:24)

    感谢以上各位支持!