大家好~!

 

    应大家要求,本人将原创的侧边栏自定义板块源代码贡献给大家（在代码附在本文最下方），大伙可以直接复制粘贴上去，只需要做一点小小的修改便可。

    代码怎么添加，怎么做修改我会在下文中详细说明：

一、效果预览：

二、添加代码的步骤：

    1. 首先打开装修平台，添加自定义板块（如果不会添加，请点此看板块添加教程）

     2.往板块里加入代码：

 

------------------虚线以下为源代码----------------------- 

 

 <table style="width: 195px;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><img src="images/spacer.gif" alt="" width="25" height="1" border="0" /></td>
<td><img src="images/spacer.gif" alt="" width="11" height="1" border="0" /></td>
<td><img src="images/spacer.gif" alt="" width="113" height="1" border="0" /></td>
<td><img src="images/spacer.gif" alt="" width="19" height="1" border="0" /></td>
<td><img src="images/spacer.gif" alt="" width="27" height="1" border="0" /></td>
<td><img src="images/spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr>
<td rowspan="2"><img id="n1_r1_c1" src="http://url.alibaba.com/r/aHR0cDovL2kwMy5jLmFsaWltZy5jb20vaW1nL2liaYW5rLzIwMTEvODA3Lzg4My8zOTkzODg3MDhfMjExMDQ1NzQ5OS5qcGc=" alt="" name="n1_r1_c1" width="25" height="57" border="0" /></td>
<td colspan="3"><img id="n1_r1_c2" src="http://url.alibaba.com/r/aHR0cDovL2kwMS5jLmFsaWltZy5jb20vaW1nL2liaYW5rLzIwMTEvMzE3Lzg4My8zOTkzODg3MTNfMjExMDQ1NzQ5OS5qcGc=" alt="" name="n1_r1_c2" width="143" height="5" border="0" /></td>
<td rowspan="2"><img id="n1_r1_c5" src="http://url.alibaba.com/r/aHR0cDovL2kwMS5jLmFsaWltZy5jb20vaW1nL2liaYW5rLzIwMTEvNzE3Lzg4My8zOTkzODg3MTdfMjExMDQ1NzQ5OS5qcGc=" alt="" name="n1_r1_c5" width="27" height="57" border="0" /></td>
<td><img src="images/spacer.gif" alt="" width="1" height="5" border="0" /></td>
</tr>
<tr>
<td colspan="3"><a href="http://url.alibaba.com/r/aHR0cDovL2F0aGVuYS5jaGluYS5hbGliaYWJhLmNvbS9mYXZvcml0ZXMvYWRkX3RvX2Zhdm9yaXRlcy5odG0icY29udGVudF90eXBlPWNvbXBhbnkmYW1wO2NvbnRlbnRfaWQ9Mjc2NDMwNjQ="><img id="n1_r2_c2" src="http://url.alibaba.com/r/aHR0cDovL2kwMy5jLmFsaWltZy5jb20vaW1nL2liaYW5rLzIwMTEvNjYyLzk2NC8zOTk0NjkyNjZfMjExMDQ1NzQ5OS5qcGc=" alt="" name="n1_r2_c2" width="143" height="52" border="0" /></a></td>
<td><img src="images/spacer.gif" alt="" width="1" height="52" border="0" /></td>
</tr>
<tr>
<td colspan="5"><img id="n1_r3_c1" src="http://url.alibaba.com/r/aHR0cDovL2kwMy5jLmFsaWltZy5jb20vaW1nL2liaYW5rLzIwMTEvOTQzLzI2NC8zOTk0NjIzNDlfMjExMDQ1NzQ5OS5qcGc=" alt="" name="n1_r3_c1" width="195" height="55" border="0" /></td>
<td><img src="images/spacer.gif" alt="" width="1" height="55" border="0" /></td>
</tr>
<tr>
<td colspan="5"><img id="n1_r4_c1" src="http://url.alibaba.com/r/aHR0cDovL2kwMS5jLmFsaWltZy5jb20vaW1nL2liaYW5rLzIwMTEvOTE2LzEzNS80MTA1MzE2MTlfMjExMDQ1NzQ5OS5qcGc=" alt="" name="n1_r4_c1" width="195" height="56" border="0" /></td>
<td><img src="images/spacer.gif" alt="" width="1" height="56" border="0" /></td>
</tr>
<tr>
<td rowspan="11" colspan="2"><img id="n1_r5_c1" src="http://url.alibaba.com/r/aHR0cDovL2kwMy5jLmFsaWltZy5jb20vaW1nL2liaYW5rLzIwMTEvODQ3Lzg4My8zOTkzODg3NDhfMjExMDQ1NzQ5OS5qcGc=" alt="" name="n1_r5_c1" width="36" height="244" border="0" /></td>
<td><img id="n1_r5_c3" src="http://url.alibaba.com/r/aHR0cDovL2kwMy5jLmFsaWltZy5jb20vaW1nL2liaYW5rLzIwMTEvNjU3Lzg4My8zOTkzODg3NTZfMjExMDQ1NzQ5OS5qcGc=" alt="" name="n1_r5_c3" width="113" height="15" border="0" /></td>
<td rowspan="11" colspan="2"><img id="n1_r5_c4" src="http://url.alibaba.com/r/aHR0cDovL2kwMS5jLmFsaWltZy5jb20vaW1nL2liaYW5rLzIwMTEvMTY1LzkwNS8zOTk1MDk1NjFfMjExMDQ1NzQ5OS5qcGc=" alt="" name="n1_r5_c4" width="46" height="244" border="0" /></td>
<td><img src="images/spacer.gif" alt="" width="1" height="15" border="0" /></td>
</tr>
<tr>
<td bordercolor="#ff0000"><a href="http://url.alibaba.com/r/aHR0cDovL2Ftb3MuaW0uYWxpc29mdC5jb20vbXNnLmF3P3Y9MiaZhbXA7dWlkPWhhcnJ5eWlkeXZlc291JmFtcDtzaXRlPWNuYWxpY2huJmFtcDtzPTU="><img id="n1_r6_c3" src="http://url.alibaba.com/r/aHR0cDovL2kwNS5jLmFsaWltZy5jb20vaW1nL2liaYW5rLzIwMTEvMzg4LzgxNC8zOTk0MTg4ODNfMjExMDQ1NzQ5OS5qcGc=" alt="" name="n1_r6_c3" width="113" height="28" border="0" /></a></td>
<td><img src="images/spacer.gif" alt="" width="1" height="28" border="0" /></td>
</tr>
<tr>
<td bordercolor="#ff0000"><img id="n1_r7_c3" src="http://url.alibaba.com/r/aHR0cDovL2kwNS5jLmFsaWltZy5jb20vaW1nL2liaYW5rLzIwMTEvNjc3Lzg4My8zOTkzODg3NzZfMjExMDQ1NzQ5OS5qcGc=" alt="" name="n1_r7_c3" width="113" height="21" border="0" /></td>
<td><img src="images/spacer.gif" alt="" width="1" height="21" border="0" /></td>
</tr>
<tr>
<td><a href="http://url.alibaba.com/r/aHR0cDovL2Ftb3MuaW0uYWxpc29mdC5jb20vbXNnLmF3P3Y9MiaZhbXA7dWlkPW1pY2hlbGxlc3VuMTk4OCZhbXA7c2l0ZT1jbmFsaWNobiaZhbXA7cz01"><img id="n1_r8_c3" src="http://url.alibaba.com/r/aHR0cDovL2kwNS5jLmFsaWltZy5jb20vaW1nL2liaYW5rLzIwMTEvMTg2LzQyNC8zOTk0MjQ2ODFfMjExMDQ1NzQ5OS5qcGc=" alt="" name="n1_r8_c3" width="113" height="28" border="0" /></a></td>
<td><img src="images/spacer.gif" alt="" width="1" height="28" border="0" /></td>
</tr>
<tr>
<td><img id="n1_r9_c3" src="http://url.alibaba.com/r/aHR0cDovL2kwMS5jLmFsaWltZy5jb20vaW1nL2liaYW5rLzIwMTEvNjk3Lzg4My8zOTkzODg3OTZfMjExMDQ1NzQ5OS5qcGc=" alt="" name="n1_r9_c3" width="113" height="18" border="0" /></td>
<td><img src="images/spacer.gif" alt="" width="1" height="18" border="0" /></td>
</tr>
<tr>
<td><a href="http://url.alibaba.com/r/aHR0cDovL3d3dy50YW9iaYW8uY29tL3dlYnd3L3d3LnBocD92ZXI9MyZhbXA7dG91aWQ9eWlkeXZlc291JmFtcDtzaXRlaWQ9Y250YW9iaYW8mYW1wO3N0YXR1cz0xJmFtcDtjaGFyc2V0PXV0Zia04"><img id="n1_r10_c3" src="http://url.alibaba.com/r/aHR0cDovL2kwNS5jLmFsaWltZy5jb20vaW1nL2liaYW5rLzIwMTEvMzg4LzgxNC8zOTk0MTg4ODNfMjExMDQ1NzQ5OS5qcGc=" alt="" name="n1_r10_c3" width="113" height="28" border="0" /></a></td>
<td><img src="images/spacer.gif" alt="" width="1" height="28" border="0" /></td>
</tr>
<tr>
<td><img id="n1_r11_c3" src="http://url.alibaba.com/r/aHR0cDovL2kwNS5jLmFsaWltZy5jb20vaW1nL2liaYW5rLzIwMTEvOTA4Lzg4My8zOTkzODg4MDlfMjExMDQ1NzQ5OS5qcGc=" alt="" name="n1_r11_c3" width="113" height="17" border="0" /></td>
<td><img src="images/spacer.gif" alt="" width="1" height="17" border="0" /></td>
</tr>
</tbody>
</table>

 

------------------虚线以上为源代码------------------

注意：添加源代码后要把代码中的联系信息修改成你的信息，方法如下： 

 

第一个红色字体部分换成自己店铺的一个收藏地址,也就是这个http://url.alibaba.com/r/aHR0cDovL2F0aGVuYS5jaGluYS5hbGliaYWJhLmNvbS9mYXZvcml0ZXMvYWRkX3RvX2Zhdm9yaXRlcy5odG0icY29udGVudF90eXBlPWNvbXBhbnkmYW1wO2NvbnRlbnRfaWQ9Mjc2NDMwNjQ=

关于这个地址怎么获得,我在第二章介绍中有详解,不清楚的朋友可以去看一下。

 

第二个红色字体部分换成你的阿里巴巴旺旺的链接，也就是这个

http://url.alibaba.com/r/aHR0cDovL2Ftb3MuaW0uYWxpc29mdC5jb20vbXNnLmF3P3Y9MiaZhbXA7dWlkPQ==harryyidyvesou&amp;site=cnalichn&amp;s=5

你只要把harryyidyvesou替换成你的阿里旺旺号就可以了，这个是我的，如果你不换那客人可要全找我了啊，呵呵~！

 

第三个红色字体部分替换成你店里客服或其它朋友的旺旺链接，也就是这个

http://url.alibaba.com/r/aHR0cDovL2Ftb3MuaW0uYWxpc29mdC5jb20vbXNnLmF3P3Y9MiaZhbXA7dWlkPQ==michellesun1988&amp;site=cnalichn&amp;s=5

你只要把michellesun1988替换成你客服或朋友阿里旺旺号就可以了。

 

第四个红色字体部分换成你的淘宝旺旺的链接，也就是这个

http://url.alibaba.com/r/aHR0cDovL3d3dy50YW9iaYW8uY29tL3dlYnd3L3d3LnBocD92ZXI9MyZhbXA7dG91aWQ9yidyvesou&amp;siteid=cntaobao&amp;status=1&amp;charset=utf-8

你只要把yidyvesou这个替换成你的淘宝旺旺号就可以了

 

 

小结：

    全部完成后，你就可以看看图的效果了，是不是可以直接让客人联系到自己了呢？

    有什么不懂的来我店里  http://url.alibaba.com/r/aHR0cDovL2hhcnJ5eWlkeXZlc291LmNuLmFsaWJhYmEuY29tLw==

    直接联系我 ！

 

 

楼主其它经验分享文章:

 

 1、如何制作超清晰店招？

 

 2、左侧自定义模块制作和使用教程

 

 3、个性左侧自定义模板效果图及源代码

 

 4、简洁左侧自定义模板效果图及源代码

 

 5、左侧产品分类炫酷图标的设置方法

 

 6、右侧不间断滚动模板效果图及源代码 

 

 7、如何提高店铺暴光量之我见

 

 8、搜索引擎优化之我见