重要資訊內容 重要資訊內容 重要資訊內容 重要資訊內容 重要資訊內容 重要資訊內容 重要資訊內容

2009年3月31日星期二

怎么给站点加入漂亮rss订阅数图标

怎么(如何)打造漂亮blogspot模板教学课程系列专辑

一个站点希望有很多的订阅者,实现办法有很多,这里给大家介绍一个即美化主页,又会增加订阅数的简单办法。

如何给站点加入漂亮rss订阅数图示呢?

简单说起来就是用ps做个适合边栏的长条,然后添加上订阅漂亮的图标,吸引网友注意,并且很方便的点击订阅,呵呵,还是看具体详情吧:

我写下我的制作方法,你可以举一反三,自己修改创新

首先我预设用边栏呈现订阅图标,我边栏大概210xp,我用ps做个宽200xp高60xp的长条,并且用些图片拼接而成这张图:



然后把它上传到你的空间,加在小工具 html板块里 加上订阅链接就ok了。

很简单,你还想在衍生更好的效果么?

呵呵,当然,我们把FeedBurner在线订阅图标加在这张图上:办法如下

在FeedBurner获得的图标地址后

首先在你的css定义区添加以下定义:

#subscribebox {
width: 200px;
height: 60px;
margin: 5px 0 0 5px;
background: transparent url(你上传到空间的图片地址) no-repeat;
}
#subscribebox a {
display:block;
width: 200px;
height: 60px;
}
#subscribebox img {
margin-left:15px;
margin-top:25px;
}


这上面的#subscribebox与#subscribebox a就是设置RSS背景图的高度,宽度,而

#subscribebox img {
margin-left:15px;
margin-top:25px;
}


就是设置你FeedBurner在线订阅图标在图片上的位置,自己调到适合要求,就ok了。

剩下的就是,打开布局,页面设置,添加小工具,添加html工具,放进代码即可,例如:

<div id="subscribebox">
<a href="你的订阅地址" title="订阅......最新文章"><img width="88" style="border:0" alt="...的RSS" src="你在FeedBurner获得的订阅数代码地址" height="26"/></a></div>


例子:我的html板块添加的代码:

<div id="subscribebox"><a href="http://feeds2.feedburner.com/Avooo" target="_blank" title="訂閱avooo最新文章"><img width="88" style="border:0" alt="avooo的文章" src="http://feeds2.feedburner.com/~fc/Avooo?bg=ffcc00&amp;fg=444444&amp;anim=1&amp;label=listeners" height="26"/></a></div>

方法很多种,思路更重要



0 评论:

发表评论

  © 广告业务联系站长:wj9931@gmail.com 或 QQ42032058.