看到人氣店鋪店招都有搜索框，今天我來分享下具體實現方法。

1、找到一張自己喜歡的店招圖片，然后打開淘寶頁面，登陸自己的賬戶，點擊“賣家中心”--“圖片空間”--“上傳圖片”就可以將自己的店招上傳到自己的圖片空間了，過程見圖。

2、好，店招圖片已經上傳到空間了。打開DW軟件，選擇文件→新建，在彈出的對話中選擇空白頁→頁面類型：HTML→頁面布局：無→創建，具體看圖。

3、點擊代碼，進入代碼編輯狀態，見圖。

4、按crtl+A，按鍵盤上的Delete鍵，將自帶的代碼刪除，然后將下面的代碼復制粘貼進去，見圖。

代碼：

5、其中店招素材鏈接就是第一步上傳到空間的店招圖片鏈接，打開淘寶的圖片空間，雙擊第一步上傳的店招圖片，進入大圖狀態，點擊左上角的復制鏈接，這時店招的鏈接就復制下來了。我們回到DW中，將代碼中的 店招素材鏈接 刪除，然后粘貼剛剛復制的店招鏈接。

6、在DW中，將代碼編輯試圖 切換到 設計編輯試圖，用鼠標滑動表格里的兩個虛框，將表格中間的一列調整至空白處。

7、然后在DW中，從 設計編輯試圖 切換到 代碼編輯試圖，將全部代碼選中，復制。打開淘寶店鋪裝修頁面，點擊店招右上角的編輯，在彈出的對話框中選擇自定義招牌，然后點擊圖中的第二部，切換到源碼編輯，將剛DW中復制的代碼粘貼進來。

8、這時，我們發現店鋪店招是沒有搜索框字的，別著急，我們接著點擊店招右上角的編輯，不用切換到源碼編輯狀態了，我們直接在剛剛DW中調整的虛框中輸入文字，當然，需要提前設計好字號，字體，顏色等。

9、輸入需要的文字后，按一下ENTER（回車）鍵，然后再次轉到源碼編輯下，找到剛輸入的文字代碼，詳細見圖。在這個代碼后面復制下面的搜索源碼，將下面代碼中 您的店鋪鏈接 替換為自己淘寶店鋪鏈接，店鋪鏈接以http://*****.taobao.com為準，點擊保存就可以了：

10、不要點擊保存，點擊源碼按鈕，發現字體是黑色，我們選中黑色字，改為白色。點擊后面紅色框的搜索后面，按回車，調整位置。就大功告成了。

相關推薦：

淘寶店鋪公告總是滾動怎么設置成不滾動?

手機淘寶店鋪裝修:添加寶貝焦點圖模塊的技巧

淘寶全屏店招怎么安裝？ 淘寶店鋪招牌全屏的設置方法

樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。

本文內容整合網站：百度百科、知乎、淘寶平臺規則

本文來源： 怎么利用DW和ps給淘寶店招添加搜索框?