CodePen is an online platform where developers and designers can write and showcase HTML, CSS, and JavaScript code snippets, known as "pens". It offers real-time previews and collaboration and is popular for testing, sharing, and learning front-end web development.
Get the iframe code from Codepen
Login to your Codepen account.
Open the pen you wish to embed
Click the Embed button at the bottom left corner.
A new window will appear, choose iframe.
Click Copy Code.
Add the Codepent element to your Portfoliobox site
In your Portfoliobox site, right-click on an element
In the Context menu, click Add Element Below.
Go down to Embed.
Choose Codepen and click Add.
The element is added but is empty. You now need to paste the code from Codepen.
After signing up, the first thing you want to do is to create your first page. Setting up your first page is not difficult at all, depending on your content
A blog is an online journal that you can share your updates and ideas with your website visitors. It's a good idea to have a blog on your website - it is good
A blog post is an individual entry of your online journal on your Portfoliobox website. In a blog post, you can add different types of content block, upload
Making a draft or setting your post as unpublished is a great feature where you can set your post to not be visible in public while you are still working on it.
The order or placement of your post is determined by the date set of your post. The most recent post will be placed at the top followed by the older posts.
To edit a blog post on your blog, simply follow the steps below: Select the blog page you wish to edit by going to Your Content > Pages. Afterwards, select the
Tag is used to label or give an identification to your post. It gives your visitors an idea of what your post is about. Another benefit of using a tag is to
Comments can help you get feedback from your visitors about your blog posts and improve visitor engagement. This feature is enabled automatically after creating
To check all your blog post comments, simply go to the Cog Wheel Icon > Messages > Blog Tab > Comments. The information is placed in the following order:
Blog Teaser showcases some of the blog posts that can be seen on your blog. Once a visitor of your site clicks the blog post on this section, it will redirect
