新闻发布
办理体系
正如我所说到的前几天我的文章怎么增加动作按钮到您的网站运用盈利代码模块，我现已发明了更多的笔在codepen.io运用分–与单柱或页面的代码模块以及网站推行分主题选项。今日我很快乐同享另一个高雅的主题，根据本身的网站规划元素：在顶杆的滑动
当然现在有许多插件也能够做相同的事但假如作业能够做一个简略的片段，我想假如或许的话防止插件的胀大。所以说，让咱们进去！
概念与启示
这个概念的创意来自于在顶杆滑动咱们就在高雅的主题下面分3以招引更多重视咱们新推出的分主题网页。它美妙的作业为咱们，所以我想，不需要插件–仅仅一个简略的代码片段，整个社区同享版！
温习：怎么代码发生器作业
正如我在曾经的新的文章，今日咱们将运用一个我给三CodePen发电机社区。这是从一个给定的代码生成器CodePen出口一个代码块，将正常运转的代码在编译代码分模块。
运用它的机制不能简略。一切你要做的便是仿制你所创立的CodePen URL（或他人运用了内分）和张贴到空间在发电机上的范畴。然后点击蓝色的“生成”按钮。
这将鄙人面的文字框中运用的代码模块与分块内的代码。你也会注意到蓝色的按钮现在说“仿制代码”。再次点击仿制到剪贴板，便当编译的代码张贴到你想要的盈利代码模块。
怎么创立一个幻灯片在顶栏广告的盈利代码模块
增加CodePen以上你把网站在一个单一的职位或网页，做到以下几点：
首要，导航到笔上codepen.io。请确保您登录在那里。假如你没有一个帐户，去创立一个免费帐户（只需要几秒钟）。
当你登录和在页的上面的钢笔按“指令”来解救它。这将主动创立一个重复的笔在您的帐户。这是你的笔将修改并编译。
现在，找到下面一行HTML和自己的信息替换文本。
<div class="at-banner__text">Hey friend, check out my <b>new and improved</b> blog!</div>
下一步，找到这一行HTML和自己改动链接和文本。
<a class="at-banner__button" href="https://andytran.me">VIEW BLOG</a> </div>
当你改动后，再次保存笔。然后，仿制笔的URL并将其张贴到上面的代码生成器。后，仿制代码到你的剪贴板，你能够张贴到你的分网站。
现在阅读文章或许网页你会喜爱这面旗号是。增加一个模块的代码到你的页面的第一个规范节。
张贴代码块的代码模块，保存并退出它的内容部分。
然后，更新你的页面，看看你的前端网站一看。现在应该有一个广告顶部的幻灯片在加载页时。
经过运用代码模块，这样你就能够在一个单页或后增加一个旗号。这是有用的假如你想只要横幅出现在某些页面或在不同的页面不同的音讯。
