欄目代碼
<div id="panel_Search">
![](http://upload-images.jianshu.io/upload_images/1846721-9dbcf494466afdb9?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
<form action="https://www.google.com/search" method="get" target="_blank">
<span><input class="blogsearch" title="請輸入關鍵字" id="inputSearch" type="text" placeholder="使用Google搜索本博客" autofocus name="q"></span>
<input type="hidden" name="hl" value="zh-CN">
<input type="hidden" name="sitesearch" value="blog.csdn.net/kxp9545">
<input id="btnSubmit" type="submit" value="搜索 ">
</form>
</div>
解釋
自帶的文章搜索只能搜索整個CSDN博客,而不能指定某個博客,這是因為百度只支持site:blog.csnd.net
搜索整個域名下的文章卻不能site:blog.csnd.net\kxp9545
來指定某個目錄下,因此我們這里用的Google搜索,實際上必應也是可以的,但是必應的搜索結果不全糯累。
在表單添加sitesearch字段用作站內(nèi)搜索,value
值是你的站點網(wǎng)址。因為自己不能定義CSS樣式所以把submit的id設為btnSubmit
來借用原本文章搜索欄目的放大鏡樣式鳞仙,又因為放大鏡的定位和我們自定義的欄目位置并不匹配所以在搜索框的上面加了一個高為44px
的圖片用于占位寇蚊。
另外,因為欄目中的圖片不能用CSDN外的圖片鏈接棍好,你可以在博客編輯器里上傳一張圖片獲取鏈接仗岸。
如果你對樣式不在意允耿,也可以刪掉外部的div,去掉submit的id屬性扒怖,直接用默認的按鈕樣式较锡。