Applying this template to your bullet site is super simple. Just follow the below steps below, It takes less than 2 mins.
1. Duplicate the template to your Notion workspace:
- Click on the below link and duplicate the template to your workspace.
2. Publish your template.
- Get the public shareable URL from your notion template that you just duplicated.
- Copy and paste the URL inside bullet.so dashboard in the Notion URL field.
3. Apply the design and styles for your template.
- Now, navigate to the code section of your site in bullet dashboard. Copy the below code and paste it inside the “Head” section.
<!-- import fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@300;400&display=swap" rel="stylesheet">
<!-- css styles for prose template -->
<link rel="stylesheet" href="https://templates.bullet.so/prose/styles.css" />
- Additional step for prose template due to its advanced design features. Copy the below code and paste it inside the “Body” section.
<!-- JS script for coloring tags differently.-->
<script src="https://templates.bullet.so/default/js/snippets/blogTagColor.js" defer></script>
4. Add your Navigation bar(Header) and Footer
- Next, navigate to the Navigation bar section of your site and customize your header with with logo, links, dropdown etc.
- Now, navigate to the footer section of your site to customize your footer with with links, columns, special icons etc.
Made with Bullet