如何在高水平上创建一个博客

在本指南中，我们将向您展示如何通过复制和粘贴几行代码来为您的HighLevel网站添加一个功能齐全的博客。

HighLevel是一个一体机销售营销平台内置网站建设工具。它为添加静态内容提供了很好的元素选择，但DropInBlog可以通过一个完整的博客扩展你的网站功能。

先决条件

你需要创建一个DropInBlog帐户你可以免费试用14天。你还需要一个现有的高级帐户和网站。

创建博客页面

通过登录导航到高级网站构建器，然后在侧栏中打开漏斗和网站，并选择网站。从那里，你可以选择你想编辑的网站。

在网站编辑视图中，单击右上方的“添加新页面”。

命名新创建的页面。我要用"博客"这个富有想象力的名字

您还需要设置一个页面URL(路径)。我要把我的设置为“博客”。请将此路径与其余的网站URL一起记录下来，因为我们稍后将使用它。

一旦你创建了你的新的博客页面，请随意添加和自定义它到您的喜欢，同时考虑到一个博客文章列表将插入到页面时，我们添加在DropInBlog代码。

默认情况下，HighLevel会让新页面完全空白，但它会为您提供以section、row和Elements的形式充实页面的方法。

添加自定义代码元素

在HighLevel中，您可以将网站页面元素插入到页面中以添加内容。要添加元素，首先需要添加一个Section，并在该Section中添加一个Row。

然后，在页面上的行中，单击Add Element按钮，然后从新打开的侧栏单击Custom JS/HTML。

要编辑这个新元素中的代码，单击左侧侧边栏中的Open code Editor。

打开一个新的浏览器窗口，前往你的DropInBlog帐户，并选择主导航中的“代码和布局”．在博客代码步骤中，复制步骤1和步骤2中显示的代码，看起来像这样:

< div id = " dib-posts " > < / div >
< >脚本
var dib_id = 'XXXXXXXXXXXXXXXXXXX';
> < /脚本
< script src = " https://io.www.dante-rossetti.com/js/embed.js " > < /脚本>

切换回您的HighLevel网站，并将代码粘贴到代码编辑区。一旦你添加了代码，点击“Yes, Save”按钮，就在代码编辑区域下面。

提示:您可以通过用光标选择区域并右键单击它来复制或粘贴代码，然后将显示复制或粘贴选项。

回到DropInBlog并选择设置从主导航．找到Blog URL字段并添加我们前面提到的HighLevel Blog URL。这将是你的网站域名，后面跟着页面路径。例如，我的博客URL是“https://website.com/blog/”。

在DropInBlog设置中点击“保存所有更改”，然后切换回你的HighLevel网站。

发布新博客

最后，点击HighLevel网站构建器右上角的保存。然后选择预览导航到你的新博客页面，以测试你的新功能齐全的博客。✨

使用HighLevel的技巧

虽然dropinblog支持的博客确实从你的网站继承样式，你可能会发现你想对你的博客布局做一些自定义调整。最好的方法是在你的high - level网站中使用标准的CSS。

要将自定义CSS添加到页面中，请单击HighLevel网站构建器顶部的“设置”并选择“自定义CSS”。从那里，您将能够添加样式来调整您的博客的外观和感觉。

常见问题