墨雨婷

百度站内搜索教程分享+代码和样式美化

 墨雨婷    2021年01月18日20:02:55    网站源码    67
墨雨婷 墨雨婷 LV 2 [白银V2]
Ta的主题:43
Ta的评论:36

百度站内搜索,自定义的搜索框,下面看一下搜索案例:


如图,我圈中位置是我博客域名,搜索信息直接是锁定已收录该域名的页面,然后通过title展示信息,当然,如果你的文章或者其他页面没有被收录,那么这个功能就没有什么用了,但是已收录的没次有人搜索都会增加一次曝光量,用户点击进去你的网站那就是百度过来一次点击量,理论上对排名提升还是很好的,喜欢的小伙伴可以自己做一下。

HTML插入代码:

<div class="sousuo">
    <!--Baidu站内搜索开始-->
    <form action="http://www.baidu.com/baidu">
        <input type=text name=word>
        <input type="submit" class="submit" value="百度搜索">
        <input name=tn type=hidden value="bds">
        <input name=cl type=hidden value="3">
        <input name=ct type=hidden value="2097152">
        <input name=si type=hidden value="aizhancloud.com">
    </form>
    <!--Baidu站内搜索结束-->
</div>

css样式代码:

.sousuo {
    text-align: center;
}

.sousuo input {
    padding: 8px;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: .25rem;
    border-color: #ccc;
}

.sousuo .submit {
    padding: 6px 10px;
    line-height: 1.5;
    color: #666;
    background-color: #fff;
}

搜索框展示截图:


10
https://www.bxiu.net/gentie.html
https://www.bxiu.net/postzan.html
https://www.bxiu.net/postcai.html
https://www.bxiu.net/postshoucang.html
https://www.bxiu.net/gentiezan.html
https://www.bxiu.net/gentiecai.html
https://www.bxiu.net/huifu.html
https://www.bxiu.net/xiugai.html
https://www.bxiu.net/shanchugentie.html
1
XzA=
1
https://www.bxiu.net/feedback.html
https://www.bxiu.net/qiandao.html
https://www.bxiu.net/denglu.html
0
https://www.bxiu.net/adenglu.html
剑鱼论坛