前言

之前博主发过一篇文章 在博客内添加天气显示

如果想在使用Handsome主题的博客顶栏添加天气,那么该如何实现呢,请看下方哈

效果图

实现方法

1.进入心知天气官网注册账号

2.注册成功后点击传送门,往下滑

博主选择的样式如上图所示,选择完成后安装代码将会在下面生成

将生成的代码粘贴到页面的</body>之前

大约在第54行</form>的下面,将刚才的代码添加进去

路径:/usr/themes/handsome/component/headnav.php

此处需要注意的是需要将<div id="tp-weather-widget">
改成<div id="tp-weather-widget" class="navbar-form navbar-form-sm navbar-left shift">,否则会发现样式显示异常!

若不想注册账号(懒癌患者福利),可直接使用博主提供的代码,皮一下,回复可见

此处内容需要评论回复后(审核通过)方可阅读。

此贴仅以handsome主题为例,如其他主题想实现顶栏添加天气显示,建议修改代码

最后修改:2019 年 06 月 07 日 02 : 39 PM
如果觉得我的文章对你有用,请随意赞赏