Emlog文章页添加一个“搜一下”按钮代码教程 - 小飞资源网

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

作者: 小飞

全网最全的网络资源分享网站

手机扫码查看

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

看到很多emog博客站长都添加了这么一个按钮。觉得挺好看的就扒了过来。这个按钮点击后是百度搜索一下该文章的。有利于seo体验喔。只要用户点击该按钮。有效的增加百度权重排名。不废话了。直接上代码。先看看样式。

1.png

首先把以下代码放入模版目录下的echo_log.php文件合适的位置。有些位置可能会界面出错哦。不同模版自行测试。

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

CCS代码

上面的你那个弄好好之后就是Css样式了。没有Css很难看哦。把下面的Css代码放到你模版的公用css文件即可。一般都是style.css。Meta模版的是new.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;
         }

 

 

分享到:
打赏

文章版权信息
头像
站长签名: 小飞资源网(www.52fzyw.cn)免费资源分享平台

阅读时间:  发布于:2020-3-10

本文标题: Emlog文章页添加一个“搜一下”按钮代码教程

本文链接: https://www.52fzyw.cn/post-677.html

版权声明:文章为《 小飞》原创,转载请保留出处!

分享到:

评论

切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏