PJblog多个侧边栏模块整合为分页标签样式的方法

今天尝试了一下侧边整合插件，勉强跟着别人的教程学会了怎么用，现在发过来给大家分享，希望大家能够喜欢哦，他可以为您的侧边节省好多地方哦！

第一步：下载原材料，下载地址一

第二步：解压缩，放到您的博客的根目录下。

第三步：进入后台，建立一新的侧边栏目。把以下代码复制进去：

<link href="tabSide/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var lastNum = 0;
function $(id){
return document.getElementById(id);
}
function Select(num){
if (lastNum != 0){
$("sideTab" + lastNum).className = $("sideTab" + lastNum).className.replace("sideTabSelect", "sideTabUnselect");
$("sideTabContent" + lastNum).style.display = "none";
}
$("sideTab" + num).className = $("sideTab" + num).className.replace("sideTabUnselect", "sideTabSelect");
$("sideTabContent" + num).style.display = "block";
lastNum = num;
}
</script>
<div id="sideTabContainer">
<div id="sideTabRow1" class="sideTabRow">
<div id="sideTab1" class="sideTab sideTabL sideTabUnselect" onmouseover="Select(1)">标签A</div>
<div id="sideTab2" class="sideTab sideTabR sideTabUnselect" onmouseover="Select(2)">标签B</div>
<div class="sideTabContentContainer">
<div id="sideTabContent1" class="sideTabContent sideTabContentL">标签A的内容</div>
<div id="sideTabContent2" class="sideTabContent sideTabContentR">标签B的内容</div>
</div>
</div>
<div id="sideTabRow2" class="sideTabRow">
<div id="sideTab3" class="sideTab sideTabL sideTabUnselect" onmouseover="Select(3)">标签C</div>
<div id="sideTab4" class="sideTab sideTabR sideTabUnselect" onmouseover="Select(4)">标签D</div>
<div class="sideTabContentContainer">
<div id="sideTabContent3" class="sideTabContent sideTabContentL">标签C的内容</div>
<div id="sideTabContent4" class="sideTabContent sideTabContentR">标签D的内容</div>
</div>
</div>
</div>
<script type="text/javascript">
Select(1);
</script>

将其中ABCD四个标签名称替换为想要整合的侧边栏的标题（就是你自己想改的名字，当然要跟内容相像了），标签内容替换为侧边栏的内容。（这个就是类似与标签的东东，两边都挂$$这个的哦，编辑模块里面您可以找到）
例如：

“标签A”、“标签B”、“标签C”、“标签D”，你可以分别填成“最新日志”、“最新评论”、“最新留言”和“流量统计”。

$NewLog$ 是“最新日志”调用的代码；（在设置模块，相对应的编辑HTML里可以找见的）
$comment_code$ 是“最新评论”调用的代码；
$NewMsg$ 是"最新留言“调用的代码……

你直接调用这些代码，一一对应即可！

最后：修改需要整合的插件
将需要整合的侧边栏插件的install.xml文件中的sideA替换为tabSideA，