淘寶專業版全屏輪播海報免費製作

淘寶店鋪來個全屏海報無疑是特別棒的,但是幾乎所有的製作軟體都是要花錢的,這裡給大家教如何自己製作全屏海報輪播。

工具/原料

ps

淘寶店鋪

方法/步驟

找到喜歡的圖片,用ps製作成為寬度為1366的高度最好是500的海報。製作三四張就可以

將製作好的海報上傳到淘寶圖片空間。

打開淘寶店鋪,點擊裝修,添加自定義模版,編輯自定義模版,源碼,

在電腦新建文本文檔,粘貼以下代碼

<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'piao1365065449925fu'}" data-widget-type="Tabs">

<div class="piao1365065449925fu" style="height: 500px;">

<div class="J_TWidget" data-widget-config="{
           'contentCls': 'slide-kun1365065449925content',
           'triggerCls': 'slide-kun1365065449925triggers',
           'navCls': 'slide-kun1365065449925triggers',
           'triggerType': 'mouse',
           'effect': 'scrollx',
'prevBtnCls':'prev',
'nextBtnCls':'next',
           'steps': 1,
           'autoplay': true,
'viewSize':[1366],
           'circular': true
       }" data-widget-type="Carousel" style="margin: 0px; padding: 0px; left: -180px; top: 0px; width: 1366px; z-index: 10;">

<div class="J_TWidget" data-widget-config="{'trigger':'.first1365065449925trigger','align':{'node':'.first1365065449925trigger','offset':[0,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display: none;">

<div class="prev" style="width: 90px; height: 90px; float: left;">

<img data-ks-lazyload="http://img04.taobaocdn.com/imgextra/i4/113535006/TB2S4eFXVXXXXX6XpXXXXXXXXXX_!!113535006.png" /></div>

<div class="next" style="width: 90px; height: 90px; margin-left: 950px;">

<img data-ks-lazyload="http://img01.taobaocdn.com/imgextra/i1/113535006/TB2Li5HXVXXXXbIXXXXXXXXXXXX_!!113535006.png" /></div>

</div>

<div class="first1365065449925trigger" style="margin: 0px; padding: 0px; width: 1366px; height: 500px; overflow: hidden;">

<ul class="slide-kun1365065449925content" style="margin: 0px; padding: 0px; width: 1366px; height: 500px;">

<li style="margin: 0px; padding: 0px; width: 1366px; height: 500px; list-style-type: none;">

<a href="http://chenruimy.tmall.com/?&amp;&amp;scene=taobao_shop" style="margin: 0px; padding: 0px;" target="_blank"><img border="0" data-ks-lazyload="http://img02.taobaocdn.com/imgextra/i2/113535006/TB2DhCFXVXXXXc8XXXXXXXXXXXX_!!113535006.jpg" width="1366" /></a></li>

<li style="margin: 0px; padding: 0px; width: 1366px; height: 500px; list-style-type: none;">

<a href="http://chenruimy.tmall.com/?&amp;&amp;scene=taobao_shop" style="margin: 0px; padding: 0px;" target="_blank"><img border="0" data-ks-lazyload="http://img02.taobaocdn.com/imgextra/i2/113535006/TB2DhCFXVXXXXc8XXXXXXXXXXXX_!!113535006.jpg" width="1366" /></a></li>

<li style="margin: 0px; padding: 0px; width: 1366px; height: 500px; list-style-type: none;">

<a href="http://chenruimy.tmall.com/?&amp;&amp;scene=taobao_shop" style="margin: 0px; padding: 0px;" target="_blank"><img border="0" data-ks-lazyload="http://img02.taobaocdn.com/imgextra/i2/113535006/TB2DhCFXVXXXXc8XXXXXXXXXXXX_!!113535006.jpg" width="1366" /></a></li>

<li style="margin: 0px; padding: 0px; width: 1366px; height: 500px; list-style-type: none;">

<a href="http://chenruimy.tmall.com/?&amp;&amp;scene=taobao_shop" style="margin: 0px; padding: 0px;" target="_blank"><img border="0" data-ks-lazyload="http://img02.taobaocdn.com/imgextra/i2/113535006/TB2DhCFXVXXXXc8XXXXXXXXXXXX_!!113535006.jpg" height="500" width="1366" /></a></li>

</ul>

</div>

<ul class="slide-kun1365065449925triggers" style="margin: 0px; padding: 0px; display: none;">

<li>

&nbsp;</li>

<li>

&nbsp;</li>

<li>

&nbsp;</li>

<li>

&nbsp;</li>

</ul>

</div>

</div>

在圖片空間得到圖片的連結,替換以上代碼中的圖片,然後複製整個代碼。粘貼入自定義模版,確定。看不到圖片沒關係,先發布。然後就可以看到了你的淘寶全屏海報。當然海報的連結網址也是可以由你更改的。

相關文章

  1. 淘寶首頁「全屏輪播」海報裝修方法

    在這大眾創業的大時代背景下,低門檻的淘寶店鋪成為了很多人的選擇:在這追求大的時代背景下,很多電腦顯示解析度也都做到了1920ppi,淘寶官方950ppi寬度的模板又會使得我們寄予厚望的店鋪看起來不夠高 ...
  2. 【更新】關於淘寶店鋪全屏輪播圖製作代碼的方法

    文 | 木凡大人 經網友提示,之前在分享的輪播圖製作方法的連結已經不能使用.(很多人都說我打廣告,人家變成垃圾網站,我能怎麼辦?我也很絕望啊!) 今天@木凡大人 就重新推出另一個更好用的網站與大家分享 ...
  3. 關於淘寶店鋪全屏輪播圖製作代碼的方法

    提示:經過網友提示,本教程已經無法使用,請關注下本人的微博@木凡大人,還是這個頭像哦! 已經有最新教程呈上,更加容易便捷!咱們都是愛學習的人!加油! 工具/原料 電腦.人 方法/步驟 首先打開製作網站 ...
  4. 淘寶店鋪全屏輪播圖製作代碼方法【視頻教程】

    免費方法,支持淘寶旺鋪[基礎版]和[專業版] 淘寶店鋪全屏輪播圖製作代碼方法[視頻教程] 工具/原料 Photoshop Dreamweaver 軟體如不知道下載或安裝可以看視頻 方法/步驟 首先安裝 ...
  5. 【淘寶特效代碼】製作旺鋪專業版全屏輪播教程

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

    本教程是針對那些沒有多少淘寶店鋪裝修經驗的小白們,一些小賣家自己開的店鋪,沒有太多資金花錢讓第三方服務來裝修自己的店鋪,但是自己對裝修用的代碼又不是很了解,下面這個教程詳細介紹了淘寶店鋪旺鋪專業版全屏 ...
  7. 淘寶全屏輪播海報製作

    淘寶店鋪首頁全屏輪播海報顯得很大氣,有木有,但是很多製作軟體是要花錢的,這裡給大家何自己製作全屏海報輪播,免費的噢. 工具/原料 Photoshop軟體,一切可以用來編輯圖片的軟體都可以呢.. 當然還 ...
  8. 怎麼製作淘寶全屏輪播海報(圖解)

    簡單細緻的介紹怎樣製作淘寶店鋪全屏輪播海報,小賣家也可以免費製作高大上的海報了,讓店鋪瞬間升級喲... 方法/步驟 登陸千圖網,搜尋"淘寶全屏輪播海報",尋找自己所要的素材模板. ...
  9. 【淘寶特效代碼】教你製作旺鋪專業版全屏輪播

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

    我們看到很多淘寶店的首頁海報都是全屏的,這種海報是怎麼做出來的呢?下面讓我們一起來看看吧! 工具/原料 PS 淘寶店鋪 步奏 選擇好自己要放在首頁的海報(一般兩張就可以了) 把要上傳到首頁的海報上傳到 ...
  11. 淘寶全屏輪播海報製作方法以及代碼

    有些淘寶朋友可能買的是簡易的模版,或者是為了省錢,不去買裝修模版,只是用官方默認的,這時的問題就來了,簡易的和官方的都是超簡單,沒 方法/步驟 要實現大海報的輪播 不要顯示 粘貼代碼 <div ...
  12. 教你免費設計淘寶店鋪基礎版全屏輪播海報

    經過店主的苦心經營,淘寶小店好不容易上了鑽,但是問題就隨之而來,掌柜們是不是發現了店鋪裝修變回了旺鋪基礎版,不再是免費的專業版,想要升級一個月要支付60元.呵呵,為了給大家節約開支,我就教大家學會自己 ...
  13. 全屏輪播海報設計分享

    現在的淘寶店鋪對設計的要求是越來越高了,以前能做到通欄就不錯了,現在不僅能通欄了,還能全屏輪播,有人問什麼是通欄呢?如下圖 通欄 這是兩欄現在我們要做是全屏輪播海報看效果 下面跟著我來做,先要了解全屏 ...
  14. 輕鬆學會做天貓店鋪全屏海報+全屏輪播海報

    教你輕鬆學會做天貓店鋪全屏海報+全屏輪播海報 工具/原料 天貓 方法/步驟 全屏海報1920*600效果如圖 全屏輪播海報1920*600效果如圖 咋們想先用PS設計好圖片,好進入下一步驟 海報圖片 ...
  15. 店鋪首頁裝修之全屏輪播海報製作

    看到很多朋友還在找店鋪首頁全屏輪播海報的教程,特意在此分享一下我的"裝修經".看完後一定要讓自己的店鋪變大高端大氣上檔次哈 (*^__^*) 嘻嘻--分享一個製作海報的網站,進去之 ...
  16. 怎麼裝修阿里巴巴旺鋪的「全屏輪播海報」

    阿里巴巴是B2B的商業模式,與淘寶是同一個公司旗下的平台,大多數商家會在阿里巴巴做批發或者是代理,那麼如何裝修阿里里的店鋪呢!下面小編將"全屏輪播"的裝修步驟分享給大家!GO-- ...
  17. 淘寶手機端大輪播圖的製作方法

    淘寶手機端大輪播圖的製作方法 工具/原料 淘寶 淘寶 方法/步驟 首先是打開無線淘寶後台.點擊店鋪首頁 手機淘寶店鋪首頁編輯.進入淘寶手機端編輯.普通頁面輪播圖尺寸是640x320 想做大輪播圖只能開 ...
  18. 淘寶店鋪裝修:全屏海報,全屏輪播,店招通欄

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

    很多店家在裝修店鋪的時候都很喜歡全屏輪播大海報,但是苦於模版現在不是永久的,要每個月都要續費才可以用,還不如自己找一段全屏輪播大海報代碼. 下面跟大家分享一下淘寶C店全屏輪播海報帶縮略圖代碼. 工具/ ...
  20. 不用花錢為淘寶C店加全屏輪播的三種方法

    很多淘寶新手在開淘寶店的時候第一個遇到的難題莫過於裝修了.看到其它的大賣家.天貓店裝修的那個大氣心裡急呀,其實如果你也想裝修的和他們一樣可以,也不用懂很多美工知識就可以.下面介紹三種方法不用花錢就可以 ...