淘寶店招添加搜索欄教程

　　今天57淘寶論壇網(wǎng)流量平臺(tái)小編就為各位講講，淘寶店招添加搜索欄教程。教程代碼如下所示：

? ?

? ? ? ? ? ? ? ? ? ? ?

?

詳細(xì)解說(shuō)代碼的使用和修改方法，小編畫(huà)出區(qū)域1、2、3、4、5。
區(qū)域1，插入店招圖片鏈接。圖片鏈接獲取方式進(jìn)入賣家中心--圖片空間--鼠標(biāo)左鍵放在圖片上，點(diǎn)擊中間的復(fù)制按鈕。回到代碼頁(yè)面，刪除店招圖片四個(gè)字，粘貼鏈接即可。區(qū)域2表示店招的寬和高。為了讓店招看起來(lái)更寬闊，我設(shè)置的是100px的高度，正常情況是120px。
區(qū)域3表示搜索欄所在表格的寬度數(shù)據(jù)。店招默認(rèn)分為三個(gè)表格，表格1寬度650，表格2寬度217。表格3寬度93px。搜索欄在表格2里面。根據(jù)這個(gè)數(shù)據(jù)可以設(shè)置搜索欄的位置。若想把搜索欄往左邊移動(dòng)，只需要減小表格1的寬度，增大表格3的寬度即可。三個(gè)表格總寬度必須等于950px。
如何準(zhǔn)確知道哪個(gè)位置是多少寬度呢？使用截圖功能可以完美實(shí)現(xiàn)。使用截圖功能鼠標(biāo)右下角會(huì)顯示當(dāng)前截取區(qū)域的寬度和高度。移動(dòng)到想要的位置記住這個(gè)寬度數(shù)據(jù)，回到之前的代碼進(jìn)行設(shè)置即可。
? ? ? 區(qū)域4表示店鋪地址，即店鋪首頁(yè)網(wǎng)址。格式為http://***.taobao.com
? ? ? 區(qū)域5 background-color;# 后面的數(shù)據(jù)表示“搜索”那兩個(gè)字后面的背景顏色。如何輸入自己想要的顏色？通過(guò)截圖功能，如下圖，鼠標(biāo)移動(dòng)到想要獲取RGB值的顏色上，按住ctrl鍵右下角就會(huì)出現(xiàn)這個(gè)顏色的RGB值。記住這個(gè)值回到代碼區(qū)域刪除之前的值粘貼即可。粘貼的位置為符號(hào)“#”的后面。
? ? ? ?復(fù)制代碼，進(jìn)入賣家中心--店鋪裝修頁(yè)面--編輯店招。點(diǎn)擊自定義店招--點(diǎn)擊代碼編輯模式，刪除之前的代碼，粘貼修改后的代碼。
? ? ? ?如果想修改“搜索”兩個(gè)字的字體和顏色等屬性，再次點(diǎn)擊代碼編輯模式返回到預(yù)覽模式，鼠標(biāo)左鍵點(diǎn)擊“搜索”直接設(shè)置屬性即可。
? ? ? ?以上就是今天的全部?jī)?nèi)容謝謝觀看，以后會(huì)帶來(lái)更多文章幫助各位，提高淘寶流量，提升店鋪流量與淘寶引流的方法。