淘寶店鋪裝修之製作淘寶全屏海報輪播

手把手教你如何製作全屏海報輪播。

工具/原料

電腦

方法/步驟

製作兩幅或者以上的全屏海報。長為1920像素,高的話隨意,但是幾幅圖片的高應該相同。一般的話是500或者550.如果你是代理,那麼就可以問一下代理商給不給提供廣告圖。如果有的話是最好了。下載好了圖片,記住長寬的像素大小。

把下載好的廣告圖上傳到自己的淘寶圖片空間。如何上傳,請參照我的經驗。然後把滑鼠移動到一張圖片上點第二個按鈕,複製圖片連結。

從網上找一個生成海報輪播的網站。把複製的圖片連結地址填到『圖片地址』那個方框裡面。也就是左邊的方框裡。我用紅筆標的1.

複製這個海報對應的寶貝地址,或者你想讓顧客點擊進入的那個網址。粘貼到右邊那個『連結地址』裡面。我用紅筆標的2

根據自己廣告圖片的高度,改一下網站上的數字。

點擊,生成海報按鈕。又出來一行,按照以上步驟填好。同理把自己的需要輪播的圖片填好。

下面,點擊『下載按鈕圖標』。把自己想要的兩個對應且對稱的左右兩個圖標上傳到淘寶圖片空間。

複製兩個按鈕的圖片的代碼,粘貼到對應的方框裡。

點擊生成代碼,然後複製。

到淘寶裝修頁面,添加『自定義內容區』模塊。

把滑鼠放到上面,點擊『編輯』按鈕。出來下面的對話框。然後點擊紅圈的那個圖標。把剛才複製的圖片輪播網站生成的代碼粘貼到空白處。再次點擊紅圈的圖標。那麼空白處就有了圖片,不過只顯示的是第一張圖片。

點擊『確定』。回到裝修頁面。點擊『發布』。查看店鋪。奇蹟出現了。。。。圖片在5秒一換,5秒一換哦。

相關文章

  1. 淘寶店鋪裝修一:怎麼裝修全屏海報?

    天貓 淘寶店鋪 後台均沒有全屏的模塊,只能利用之定義模塊+代碼實現簡單的全屏效果. 工具/原料 Photoshop 淘寶店鋪 方法/步驟 製作全屏banner(海報),打開PS,新建文件1920*58 ...
  2. 淘寶旺鋪專業版如何製作全屏海報輪播圖店招

    淘寶專業版旺鋪製作全屏海報的經驗,只要會上網都會做 工具/原料 淘寶專業版網店一個 圖片處理軟體一個(美圖,ps都可以) 方法/步驟 首先我們進入淘寶專業版店鋪的裝修頁面,看到以下界面(圖1) 這裡需 ...
  3. 2013新手淘寶開店旺鋪專業版製作全屏通欄輪播

    新手開店裝修店鋪之全屏通欄海報輪播 高手忽略吧 工具/原料 2012新旺鋪 專業版 至少兩張1920*500px大小的海報圖片 方法/步驟 首先準備好至少兩張寬度為1920像素,高度為500像素,分辨 ...
  4. 怎樣給淘寶基礎版店鋪裝安裝全屏海報?

    基礎版網店是可以免費使用的,在裝修後面是無法直接設置全屏海報模塊的,下面我來演示一下如何給基礎版店鋪裝全屏海報. 工具/原料 基礎版店鋪 電腦 方法/步驟 首先確認自己店鋪的版本,在店鋪最下方可以看到 ...
  5. 淘寶C店裝修全屏不輪播的海報代碼

    淘寶C店裝修全屏海報代碼,淘寶首屏最常見的就是搞一個全屏海報,很多是全屏輪播的. 我個人喜歡不輪播的,所以給大家分享一下全屏不輪播的海報代碼. 首先,先做圖,尺寸最好是1920全屏大小的. 因為現在很 ...
  6. 淘寶基礎版全屏代碼 輪播代碼

    <div style="height:368px;"> <div class="footer-more-trigger" style=&quo ...
  7. jQuery響應式左右全屏圖片輪播

    jQuery響應式左右全屏圖片輪播 工具/原料 adobe dreamweaver 方法/步驟 準備好需要用到的圖標. 新建html文檔. 書寫hmtl代碼. <div class=" ...
  8. 怎樣設置不受高度限制的全屏大圖輪播

    淘寶系統自帶的全屏輪播圖效果不多,高度有限制,無法達到我們自己想要的效果怎麼辦呢?其實網絡上有很多在線生成代碼,效果非常漂亮.下面來看看怎麼處理吧. 工具/原料 淘寶帳號 方法/步驟 第一,到百度上搜 ...
  9. 使用Photoshop製作淘寶全屏海報

    開淘寶網店的人很多,如何使用Photoshop製作淘寶全屏海報呢?小編這裡分享我的經驗,步驟少簡單實用. 工具/原料 Photoshop軟體 聯網的電腦 方法/步驟 首先使用百度圖片搜尋一張1920寬 ...
  10. 淘寶裝修教程:[5]如何利用背景製作全屏海報

    教大家如何利用背景製作淘寶店鋪首頁的全屏海報 工具/原料 淘寶店鋪 方法/步驟 首先要說的就是需要準備一張大氣一點的海報圖了,這裡您可以去一些壁紙網站搜尋,有PS作圖技術的可以加工一下,放上您的商品, ...
  11. 【淘寶特效代碼】製作旺鋪專業版全屏輪播教程

    一段特效代碼,輕鬆突破淘寶店鋪950的限制實現帶縮略圖的全屏輪播特效. 工具/原料 全屏輪播代碼 方法/步驟 登陸淘寶旺鋪專業版帳號,進入店鋪裝修後台. 在950自定義模塊下,添加模塊.新建一個自定義 ...
  12. 淘寶店鋪裝修全屏海報代碼教程---丁當貓吃老鼠

    淘寶店鋪首頁全屏海報代碼.淘寶店鋪首頁全屏1920海報製作.修改淘寶店鋪海報尺寸. 工具/原料 淘寶全屏海報代碼 淘寶店鋪海報製作 方法/步驟 代碼: <div style="heig ...
  13. 淘寶天貓全屏海報製作方法詳細教程

    天貓全屏海報,淘寶全屏海報,全屏海報代碼,全屏海報教程,淘寶首頁海報設計,淘寶海報尺寸 工具/原料 photoshop,dreamweaver,全屏代碼,淘寶後台 圖片素材,文案內容,創意理念 方法/ ...
  14. 淘寶店鋪裝修全屏海報代碼怎麼用的設置方法

    淘寶c店1920全屏海報怎麼做?代碼怎麼用高度如何修改? 用什麼樣的尺寸製作?如何設置和編輯,看圖就知道怎麼弄. 工具/原料 全屏代碼 方法/步驟 打開記事本把這代碼複製粘貼在內做準備,也可用直接店鋪 ...
  15. 淘寶店鋪裝修全屏海報代碼

    淘寶店鋪裝修全屏海報代碼 方法/步驟 <div style="height:450px;"> <div class="footer-more-trigg ...
  16. 淘寶店鋪裝修:全屏海報,全屏輪播,店招通欄

    給大家總結一些小賣家的常用店鋪裝修代碼,但很多賣家們都沒去了解店鋪裝修後台的版本,許多人也不知道:作為一鑽級以下的店鋪裝修後台是默認基礎版,可以免費使用專業版等我們到了一鑽以後,如果想要用專業版要花5 ...
  17. 怎麼製作淘寶全屏海報

    首選要有一段全屏海報代碼,以下的代碼就很有必要貼出來了. <div style="height:648px;">    <div class="foot ...
  18. 淘寶店鋪裝修全屏海報裝修方法

    淘寶店鋪裝修全屏海報裝修教程方法[基礎版] 工具/原料 Photoshop Dreamweaver 方法/步驟 首先裝好PS和DW軟體(可觀看視頻教程) 然後將設計好的圖進行切片(可觀看視頻教程) 上 ...
  19. 【淘寶特效代碼】教你製作旺鋪專業版全屏輪播

    一段特效代碼,輕鬆突破淘寶店鋪950的限制實現帶縮略圖的全屏輪播特效. 工具/原料 淘寶旺鋪專業版 全屏輪播代碼 方法/步驟 登陸淘寶旺鋪專業版帳號,進入店鋪裝修後台. 在950自定義模塊下,添加模塊 ...
  20. 淘寶裝修怎樣製作全屏海報?

    很多人都不懂製作全屏海報,現在小編教你怎樣製作全屏海報,而且還是免費的 工具/原料 淘寶店鋪 聯網電腦 方法/步驟 輸入網址,找一張1920寬X600高的圖片,找到後保存到電腦桌面,將圖片上傳到 圖片 ...