|
博客大巴（BlogBus）想必早期接触博客的童鞋们都很熟悉了，它是最早支持中文博客搭建的模版供应商，近期有很多大学的童鞋们和白领GG,MM们，跟小编聊天时，说道：“为什么总是在博客大巴中找不到添加分享按钮的功能呢？”小编今天为就针对这个问题，给大家解一下惑。南来的北往的，如果有此类问题那就都进来看一看吧~~~^_^ 第一步：内页布局设置 首先，让小编先帮大家找到分享按钮的安装界面吧，大家可以先登录博客大巴管理后台，用鼠标点击“博客”->“模板”，来到“内页布局设置”界面。（如下图↓） 第二步：创建bShare编辑模块 进入内页布局中，您在界面的右上能看到“副栏”模块，点击右侧的“添加模块”按钮，添加一个“副栏”为bShare按钮定下一个“座位”吧。 小编提示：您在这个页面中可以看到“副栏1”和“副栏2”，选哪个才对呢？您往上看，出现在最上方，不带子栏目的副栏来添加模块就对了。（如上图↑） 点击添加模块之后，在弹出的“可以添加的模块”窗口中，手动选择“自定义HTML”后“确定”一下吧。^_^ 此时，应该返回到了副栏列表界面，找到刚才您生成的副栏，点击一下右边的“编辑”按钮。（如上图↑）不知道在哪弄代码? 点击这里复制bShare代码 第三步：bShare按钮代码植入 上图是您点击编辑之后出现的代码文本窗口，将您获得的bShare按钮样式代码，直接复制到 “HTML代码”文本框中，点击“确定”就可以了。 （如上图↑） 完成以上步骤后，点击“保存当前布局”后您会发现，bShare分享按钮已经出现在您博客的副栏中了，怎么样？过程了解了么？^_^ 不知道在哪弄“按钮代码”? 点击这里复制bShare代码 进入bShare官方网站选择一款喜欢的按钮样式，点击上图右方的“免费获取分享代码”，即可获得该样式的JS代码。 小编提示一：有的朋友可能会问：“如果我想在博客首页添加按钮怎么办啊？”别急，操作步骤基本上都是雷同，在一开始选择“布局设置”的时候，放弃“内页布局设置”，点击“首页布局设置”就可以啦~~~其他的操作都是一样的^_^ (如下图↓) 小编提示二：除了上述的方法之外，如果您是偏技术的代码行家，懂得HTML和CSS布局的话，那么您也完全可以按照自己的需求对按钮出现的位置以及完全个性话的外观做出调整。 例如： <h2>分享</h2><div style="text-align:center;margin-top:4px"><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js"></script></div> 用法说明： 1. <h2></h2>之间的文字可以用来设置标题; 2. style="text-align:center，“center”的位置，可以改为左对齐“Left”，或者右对齐“Right” 第四步：自定义模板添加bShare分享按钮 如果您的模版是非官方推出，而是自己制作的“自定义模版”的话，不用急，跟着小编往下看！ 第一步：bShare模版的建立 您可以先登录博客大巴管理后台，选择“博客”->“模板”->“选择自定义模板”->“新建一个自定义模板”。（如下图↓） 第二步：编辑定制模版 进入“定制模板”页面后，找到新建的自定义模板，点击右侧的“编辑”按钮。（如下图↓） 第三步：bShare代码编辑 在“编辑自定义模板”中的代码模块栏部分找到并点击“detail-post”模块。（如下图↓） 到此时，您应该可以看到一个可以编辑代码的文本框，将以下代码复制并粘贴到模块文件中“postBody”的底部 <script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js"></script> 小编提示：您的代码应该添加在<div class=”postBody”>之后，</div>之前的位置。 有时候“代码内容”文本框不允许编辑里面的内容。别慌，这时您需将“使用默认时内容部分将不起作用”项取消勾选，即可进行代码编辑了，问题往往出在细节处。（如上图↑） 最后，小编提示您，在您要保存+刷新之后，您自己设定的bShare按钮应该出现在您的博客中了。 (如下图) bShare之博客大巴的安装到此，就全部介绍完毕了，如果您还有任何问题，可以在论坛中直接顶帖，小编将会每天抽出时间前来解答的，或者您可以直接登录：bShare官方网站来和小编面对面“私聊”，小编我将随时欢迎大家的骚扰！！
| 
置顶卡
喧嚣卡
变色卡
千斤顶
显身卡