1、新建需要按钮的DIV标签ID,比如说需要一个下载按钮,那就声明:

<div id=”download”></div>

2、在DIV标签中声明按钮的超链接A标签,具体代码如下:

<a style=”border-radius: 5px; color: #fff; background-color: #32a5e7; border: 2px solid #32a5e7; text-indent: 0; padding: 8px 25px 9px;” href=”https://wpon.net/”>

其中href=”https://wpon.net/”的网址可以是下载文件的地址,替换即可。

对于不经常使用按钮功能的站长而言,使用代码段实现自定义按钮非常方便、灵活。而且插件、配置主题文件都会增加网站加载代码的时间,给网站增加负荷。

全部代码如下:

<div id="download">
<p style="text-indent: 2em;">
<a style="border-radius: 5px; color: #fff; background-color: #32a5e7; border: 2px solid #32a5e7; text-indent: 0; padding: 8px 25px 9px;"href="https://wws.lanzous.com/iKrw2eu326f">点击下载</a>
</p>
</div>

效果演示: