受到鸟食轩blog的启发在标题后加了百度搜藏图标
以前一直认为鸟食轩的那个百度追踪很cool哦。研究了一下代码,发现是用javascript后来追加上的(高人就是高人)。大致思想如下:找到显示文章标题的容器,然后在里面加一个标签。核心代码如下:
tag:定制blog,blog模板,blog定制,定制网页,定制博客园模板
<script language="JavaScript">
<!--
var PostTitle=document.getElementsByTagName("div");
for ( var i=0 ; i < PostTitle.length ; ++i ){
if(PostTitle[i].className=="postTitle"){
var link = document.createElement('A');
link.href = "javascript:window.open('http://cang.baidu.com/do/add?it='+encodeURIComponent(document.title.substring(0,76))+'&iu='+encodeURIComponent(location.href)+'&fr=ien#nw=1','_blank','scrollbars=no,width=600,height=450,left=75,top=20,status=no,resizable=yes'); void 0";
link.innerHTML="<img src='http://bbs.crsky.com/1128632305/Mon_0706/12_69137_b0930f9eeeb34d1.jpg'>";
PostTitle[i].insertAdjacentElement('beforeEnd', link);}}//-->
</script>
每个模板可能稍微有点不同,但是大致思想一样的。不过,我的这个依然有点问题,就是首页的多有的搜藏都是主页。好像没有办法,这个是baidu的设计,从哪个页面过去就搜藏哪个页面。我再研究一下它那个链接里面的js试一下。<!--
var PostTitle=document.getElementsByTagName("div");
for ( var i=0 ; i < PostTitle.length ; ++i ){
if(PostTitle[i].className=="postTitle"){
var link = document.createElement('A');
link.href = "javascript:window.open('http://cang.baidu.com/do/add?it='+encodeURIComponent(document.title.substring(0,76))+'&iu='+encodeURIComponent(location.href)+'&fr=ien#nw=1','_blank','scrollbars=no,width=600,height=450,left=75,top=20,status=no,resizable=yes'); void 0";
link.innerHTML="<img src='http://bbs.crsky.com/1128632305/Mon_0706/12_69137_b0930f9eeeb34d1.jpg'>";
PostTitle[i].insertAdjacentElement('beforeEnd', link);}}//-->
</script>
tag:定制blog,blog模板,blog定制,定制网页,定制博客园模板