Emlog文章页添加一个漂亮的“搜一下”按钮代码教程

先来看一下效果
部署教程开始

首先把以下代码放入模版目录下的echo_log.php文件合适的位置。有些位置可能会界面出错哦。建议放在打赏按钮上面。不同模版自行测试。有不懂的可联系小编QQ692893138.帮你解决

代码如下[code=Php]<p class="so"><a href="https://www.baidu.com/s?wd=<?php echo $log_title; ?>" target="_blank">搜一下</a></p>[/code]

Css代码

上面的你那个弄好好之后就是Css样式了。没有Css很难看哦。把下面的Css代码放到你模版的公用css文件即可。一般都是style.css。Meta模版的是new.css。直接把下面的代码复制进去。大功告成

[code=Css].so{margin: 12px 0;}
.so a{color: #fff;padding:10px 40px;background-image: linear-gradient(-225deg, #9900ff 0%, #ff0088 48%, #ff5511 100%);border-bottom:0!important;border-radius:0 100px;}
.so a:hover{background-image: linear-gradient(to top, #ff0088 0%, #ff5511 100%);}
.themead{padding: 4px;margin-bottom: 4px;background:#FFF;width:100%;border-bottom: 1px #eaeaea solid;}
.themead li{border-radius: 0px;float: left;height: 60px;width: 50%;padding-left:0px;padding-right:0px;padding-bottom:2px;}
@media screen and (max-width: 768px) {
.themead li{float:none;width:100%;height: 30px;
                  margin:0 auto;
         }[/code]