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

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

工具/原料

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>

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

本文內容整理自網絡, 文中所有觀點看法不代表淘大白的立場