ZBlog博客如何增添一个实时天气预报模块
分类:zblog教程
33
不少朋友都注意到了本站侧栏中有一个天气模块,也有人想知道如何实现它。下面,就让我们来看看如何实现这个功能吧
进入新知天气官网,注册一个账号
https://www.seniverse.com/

这个很简单,不多介绍
进入插件配置页面
https://www.seniverse.com/widgetv3
按需求配置插件,生成代码

我们需要用到的是插件网页版链接,将这个网址复制下来,备用。

//weather.seniverse.com/?token=*****
进入ZBLOG后台,模块管理,新建模块

类型选择div,正文填入以下代码
<iframe style="display:block;width:100%;height:350px" src="这里填前面获取到的链接" frameborder="0" scrolling="no"></iframe>

提交生成模块
将模块拖到需要显示的侧栏即可

说明,本站用的简小书主题,模块编辑中打开隐藏标题,HTML ID填写类似side-adimg1可以实现无白边模块的效果。
如果是其他主题,可自行通过设置css代码处理。

上一篇:zblog教程
最新发布
-
zblog响应式新闻自媒体文章主题65号
2026-04-20 -
zblog响应式门户新闻资讯主题64号
2026-04-16 -
zblog响应式自媒体博客主题63号
2026-04-08 -
zblog响应式资讯门户主题62号
2026-04-05 -
zblog响应式文章自媒体资讯主题61号
2026-04-01
热门文章
-
ZBLOG精品手赚APP应用下载主题19号
1235 -
zblog响应式机器设备企业主题10号
1228 -
zblog响应式生活分类信息主题2号
951 -
zblog响应式机械企业外贸主题6号
332 -
简洁大气zblog响应式文章主题52号
314