wordpress网站侧边栏添加百度seo协助小工具

admin CMS教程评论224阅读模式

前言

很多人用过百度资源统计平台的都知道他里边有个访问来路分析今天这个小工具点击就会显示你的IP是通过百度访问到你的网站的,这个可能会对自己的网站有些许的好处但是准确来说还是需要你们自己去判单 这个东西非常简单就是用到wordpress自带的自定义HTML小工具就可以了 代码我就给大家放在下面了自己取下就可以了 然后里边的关键词要改成自己的,不要用默认的 不然就是你帮别人推广了。

演示图

wordpress网站侧边栏添加百度seo协助小工具

教程

如图:

wordpress网站侧边栏添加百度seo协助小工具

 

html部分

进入后台,找到  外观—小工具添加自定义HTML小工具,把代码放进去(放到你想放的任意侧边栏):

<!--侧边栏百度一下开始--> 
<div class="searchs">
    <div class="tit"><strong>点击搜索本站</strong></div>
    <mip-form method="get" url="https://www.baidu.com/s?ie=UTF-8&wd=" rel="nofollow" >
    <form action="https://www.baidu.com/s?ie=UTF-8&wd=" method="GET" rel="nofollow" target="_blank">
    <input type="text" name="wd" validatetarget="q" validatetype="must" placeholder="请输入搜索关键词"  rel="nofollow" value="站长屋VPS">
    <div target="q">站长屋VPS</div><input type="submit" value="百度搜索">
    </form>
    </mip-form>
    </div>
<!--侧边栏百度一下结束-->

css部分

将下方代码放到网站管理后台—》主题设置—》自定义代码—》自定义css代码,把下面的css代码复制粘贴到里面。

css代码

/*协助本站seo优化CSS样式代码*/
.searchs {
background-color: #fff;
border: 1px solid #eaeaea;
padding: 15px;
overflow: hidden;
transition: all 0.3s;
border-radius: 4px;
position: relative;
margin: 0px 0px 15px 0px;
}
.mip-layout-container, .mip-layout-fixed-height {
margin: 0px 0px 0px 0px;
display: block;
position: relative;
}
mip-form form {
position: relative;
}
.searchs input[type="text"] {
border: #45B6F7 1px solid;
border-radius: 4px;
width: calc( 100% - 2px );
}
mip-form input[type='text'], mip-form input[type='input'], mip-form input[type='datetime'], mip-form input[type='email'], mip-form input[type='number'], mip-form input[type='tel'], mip-form input[type='url'] {
padding-right: 30px;
}
.searchs input {
outline: none;
}
mip-form input, mip-form textarea, mip-form select {
border: 1px solid #f1f1f1;
padding: 6px;
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
resize: none;
font-size: 16px;
}
mip-form div {
display: none;
color: #ec1f5c;
font-size: 12px;
text-align: left;
padding: 0 10% 0 3%;
}
.searchs input[type="submit"] {
position: absolute;
right: 2px;
top: 2px;
background-color: #45B6F7;
color: #fff;
font-size: 13px;
margin: 1px;
height: 31px;
line-height: 31px;
padding: 0 10px;
font-family: "微软雅黑";
}
mip-form input[type='submit'] {
border: 1px solid #f1f1f1;
border-radius: 5px;
color: #333;
background-color: #d8d7d7;
}
.searchs input {
outline: none;
}
.tit {
background-color: #FF5E52;
position: relative;
top: -15px;
display: inline-block;
color: #fff;
padding: 4px 15px;
font-size: 14px;
}
.tit strong {
font-weight: normal;
}
.tit {
background-color: #FF5E52;
position: relative;
top: -15px;
display: inline-block;
color: #fff;
padding: 4px 15px;
font-size: 14px;
}

 

 

文章声明:
1、本站文章来源于互联网,仅供学习交流参考使用,严禁用于商业用途,因此造成的一切法律后果自行承担。
2、本站不对文章内容的完整性和安全性负责,请自行辨别,如发现有问题,请及时联系我们进行处理。
3、如果你有比较好的文章需要发布,可以联系站长屋VPS小编,或者自行点击 投稿。
4、若文章中有侵权或不适当内容,请告知我们,本站会第一时间进行处理。 免责申明。
admin
  • 我们不提供免费技术支持,本文属于用户投稿。
  • 转载请务必保留本文链接:https://www.zzwvps.com/1511.html

发表评论