网站建站各类美化插件,小工具整合分享

发布于 2018-12-03  70 次阅读


闲来没事就喜欢在逛其他的网站,又包括博客网站,技术网站,学习网站,视频网站等等。
逛多了就会在发现有些网站有很多有趣的小插件或则不是插件。现在在此慢慢收集起来,给以后自己和他人以方便,按添加时间先后排序

心知天气


心知天气提供基于Web的免费天气插件,可以为你的网站添加一项简洁美观的天气预报功能,并自动适配PC和手机上的浏览。

如何使用

首先进入:心知天气官网
1、注册-登录后,在导航栏处选择 产品-Weather Widget

2、进入页面后选择立即创建,在配置插件后边自行更改样式后
3、在页面最下方复制代码到你的页面中,一般在footer文件之前
这里提供 网站左下角,自适应城市的样式代码

<script>(function(T,h,i,n,k,P,a,g,e){g=function(){P=h.createElement(i);a=h.getElementsByTagName(i)[0];P.src=k;P.charset="utf-8";P.async=1;a.parentNode.insertBefore(P,a)};T["ThinkPageWeatherWidgetObject"]=n;T[n]||(T[n]=function(){(T[n].q=T[n].q||[]).push(arguments)});T[n].l=+new Date();if(T.attachEvent){T.attachEvent("onload",g)}else{T.addEventListener("load",g,false)}}(window,document,"script","tpwidget","//widget.seniverse.com/widget/chameleon.js"))</script>
<script>tpwidget("init", {
    "flavor": "bubble",
    "location": "WX4FBXXFKE4F",
    "geolocation": "enabled",
    "position": "bottom-left",
    "margin": "10px 10px",
    "language": "zh-chs",
    "unit": "c",
    "theme": "chameleon",
    "uid": "U2FC2EBF2D",
    "hash": "d984d426d3c9b3899412ae25f37dfaba"
});
tpwidget("show");</script>


-------------------------------------------上文于 2018/12/04 15:59 更新-------------------------------------------

RevolverMaps 3D地球?


RevolverMaps标准经典显示访问者的位置以及从您在网站上安装时的访问次数。最近的访客位置是动画和标记的,新的访客位置在地球上显示。点击放大按钮即可打开公共实时统计页面,提供有关访问者的详细信息。

简单使用
<script type="text/javascript" src="//ra.revolvermaps.com/0/0/1.js?i=0vgbppzusi7&s=350&m=0&v=false&r=false&b=000000&n=false&c=ff0000" async="async"></script>

插件主页:https://www.revolvermaps.com

live2D看板娘

具体详情请移步
https://www.laoguoba.com/595.html

abowman小工具

使用方法:
进入官网地址:http://abowman.com/

点击你想要的。这里以仓鼠为例
进入仓鼠的页面,复制方框内的代码,到你想要的地方

:仓鼠嵌入代码

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/hamster/hamster.swf?" width="300" height="225"><param name="movie" value="http://cdn.abowman.com/widgets/hamster/hamster.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object>


-------------------------------------------上文于 2018/12/03 19:39 更新-------------------------------------------

     ==>  展开 / 收缩


本当の声を響かせてよ