首页 > 文章资讯 > 技术教程 > zblog教程 > 如何为Z-Blog博客增添一个实时天气预报模块

如何为Z-Blog博客增添一个实时天气预报模块

时间：2023年05月21日

来源：网络

编辑：佚名

不少朋友都注意到了本站侧栏中有一个天气模块，也有人想知道如何实现它。下面，就让我们来看看如何实现这个功能吧
进入新知天气网站，注册一个账号
https://www.seniverse.com/

如何为Z-Blog博客增添一个实时天气预报模块第1张
这个很简单，不多介绍
进入插件配置页面
https://www.seniverse.com/widgetv3
按需求配置插件，生成代码

如何为Z-Blog博客增添一个实时天气预报模块第2张
我们需要用到的是插件网页版链接，将这个网址复制下来，备用。

如何为Z-Blog博客增添一个实时天气预报模块第3张
点击复制代码 Markup
//weather.seniverse.com/?token=*****
进入ZBLOG后台，模块管理，新建模块

如何为Z-Blog博客增添一个实时天气预报模块第4张
类型选择div，正文填入以下代码
点击复制代码 Markup
<iframe style="display:block;width:100%;height:350px" src="这里填前面获取到的链接" frameborder="0" scrolling="no"></iframe>

如何为Z-Blog博客增添一个实时天气预报模块第5张
提交生成模块
将模块拖到需要显示的侧栏即可

如何为Z-Blog博客增添一个实时天气预报模块第6张
说明，本站用的简小书主题，模块编辑中打开隐藏标题，HTML ID填写类似side-adimg1可以实现无白边模块的效果。
如果是其他主题，可自行通过设置css代码处理。

如何为Z-Blog博客增添一个实时天气预报模块第7张

新闻资讯更多

猜你需要