WordPress 博客右下角拉风Feed订阅图标
网站文章 2026-09-21 09:04:29 4 0

去IM路人的博客,发现他博客的Feed订阅图标放置于博客右下角,鼠标悬浮时改变形态,感觉很拉风,于是在其博客中找到相关教程,顺便在博客吧上也添加上去了。放置方法操作起来很简单,上传图标后,添加HTML代码和CSS样式代码即可。下面是博客吧转载过来的教程,想美化博客的博主可以参考设置下。

WordPress 博客右下角Feed订阅图标:

  1. 上传下面的Feed图标到网站空间,博客吧的是上传到主题目录中
  2. 在当前主题的footer.php文件中添加HTML代码。
  3. 登陆博客后台,点击“外观”选项卡下的“编辑”选项进入主题编辑界面
  4. 选择footer.php文件进行编辑,在其中添加以下HTML代码
    <div class="feedimg">
    <a href="<?php bloginfo('rss2_url');?>" rel="external" tip="Feed">
    <img border="0" title="Feed" alt="Feed" src="rss.png图标地址"></a>
    </div>
  5. 选择当前主题的css文件进行编辑,一般是style.css,在其中添加以下样式代码
    .feedimg {position: fixed; bottom: 0px; right: 0px; opacity: 0.5;_position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
    .feedimg:hover{opacity: 1;}
  6. 保存文件后,刷新博客首页,在右下角就会显示Feed订阅图标了

提示:该效果不限于 WordPress 博客使用,Typecho 经过博客吧测试同样适用

提醒:以上方法参考IM路人博客相关教程。

文章说明
本文标签:
©版权声明
本站提供的一切软件、教程和游戏辅助仅限用于娱乐和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集,版权争议与本站无关。如有侵权请邮件与我们联系处理。敬请谅解!6594404@qq.com