新手開店對于淘寶店鋪裝修一竅不通，更不用說對于代碼的靈活運用了。

基礎的如何添加代碼裝修教程我們可以閱讀甩手網(wǎng)（淘寶店鋪裝修專題），最近有些人在問我怎么添加淘寶懸浮旺旺。

其實懸浮旺旺也是通過代碼來裝修的，只要把代碼添加進去了，具體我們看代碼：

淘寶懸浮旺旺代碼：

[HTML]

<div class="J_TWidget" data-widget-config="{'duration':0.1,'activeTriggerCls':'.\u180Esite-nav-fixed','effect':'scrollx','interval':0.1,'activeIndex':1,'navCls':'dm_001daima_com','contentCls':'dmx','autoplay':true}" data-widget-type="Carousel" style="position:relative;">
  <ul class="dmx" style="display: none; width: 999999px; left: 0px; position: absolute;">
    <li style="border-top-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: solid; display: block; float: left;" class=""> </li>
  </ul>
  <ul class="dm_001daima_com">
    <li style="left:50%;top:40px;height:0px;" class="cbu-iframe">
      <div class="footer-more-trigger sn-simple-logo" style="left:-641px;width:150px;border:none;padding:0px 0px;margin:0px 0px;">
        <div style="width:135px;overflow:hidden;">
<!---  這里替換為你切好片的代碼   -->
          </div>
      </div>
    </li>
  </ul>
</div>

位置和大小修改<div class="footer-more-trigger sn-simple-logo" style="left:-641px;width:150px;border:none;padding:0px 0px;margin:0px 0px;">這一段，left是位置 width是寬度 。
<li style="left:50%;top:40px;height:0px;" class="cbu-iframe">這句話中 top 是懸浮到頂部的位置！

天貓懸浮代碼：

[HTML]

<div class="J_TWidget" data-widget-config="{'duration':0.1,'activeTriggerCls':'.\u180Etm-isv-flower-mask','interval':0.1,'effect':'scrollx','activeIndex':1,'navCls':'dmxf','contentCls':'dmxf2','autoplay':true}" data-widget-type="Carousel" style="position:relative;">
  <ul class="dmxf2" style="display:none;">
    <li style="border-top:1px #cccccc solid;"> </li>
  </ul>
  <ul class="dmxf">
    <li style="left:50%;top:40px;height:0px;">
      <div class="footer-more-trigger sn-simple-logo" style="left:-661px;width:130px;border:3px #cccccc solid;padding:0px 0px;margin:0px 0px;">
<!---  這里替換為你切好片的代碼   -->
      </div>
    </li>
  </ul>
</div>

修改方法同上面淘寶一樣