WordPress网站侧边栏添加百度一下-协助SEO优化

有些人还不知道这个工具是干嘛的,先上一张效果图这个工具可以协助网站优化百度 SEO,早期是在 emlog 程序才有的,现在 wp 程序也是可以完美适配的

WordPress网站侧边栏添加百度一下-协助SEO优化-青鹿云

第一步:在自定义 CSS 样式中添加如下代码

/*<a target="_blank" href="https://www.milubk.com/tag/%e7%99%be%e5%ba%a6%e4%b8%80%e4%b8%8b" title="View all posts in 百度一下">百度一下</a>自定义 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;
}
/*青鹿云-www.milubk.com*/
/*百度一下自定义 CSS 样式结束*/

第二步:添加小工具-自定义 HTML 代码

大家自行修改一下代码里面的网站内容即可,千万不要乱删除。CSS添加好后直接去添加侧边栏自定义HTML
路径:WordPress 后台——外观——小工具——自定义 HTML——复制代码粘贴代码进去——首页-侧边栏

© 版权声明
THE END
点赞1816 分享
评论 抢沙发

请登录后发表评论