> For the complete documentation index, see [llms.txt](https://docs.jollyany.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.jollyany.co/templates/travelami/blog/blogs-sidebar-modules.md).

# Blog's Sidebar Modules

## About Travelami Module

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2F477z54nyR4CgQL4WoOhe%2Fabout-travel-module.jpg?alt=media&amp;token=b690ce37-2a52-4a84-a1db-4eaa1163bae3" alt=""><figcaption><p>About Travelami module</p></figcaption></figure>

### Create/Edit the module

Go to the Admin > Content > Site Modules > Add a new module:

* **Module name**: About Travelami
* **Module type**: Custom
* **Module position**: sidebar-right

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FJfy5TCXPZKtEnXhekbTT%2Fabout-travelami-edit.jpg?alt=media&amp;token=ca5aef01-edac-4fda-a63c-26e6e7fca52d" alt=""><figcaption><p>Edit the custom module</p></figcaption></figure>

## Menu Module

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2F8YuOLpvrPm5N8dSqqFJt%2Fmain-menu-module.jpg?alt=media&amp;token=125d0545-1738-4337-aaea-0f476b8a9214" alt=""><figcaption><p>Menu module</p></figcaption></figure>

### Create/Edit the module

Go to the Admin > Content > Site Modules > Add a new module:

* **Module name**: Main Menu
* **Module type**: Menu
* **Module position**: sidebar-right

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FK5WWxcCU2S7QwkKPdYGA%2Fmainmenu-module-edit.jpg?alt=media&amp;token=22bc5c2c-2a63-4e14-84a7-ab47ac44d6e5" alt=""><figcaption><p>Menu module</p></figcaption></figure>

## Login Module

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FzGe71VtlRUoyMIsTPZ9W%2Flogin-module.jpg?alt=media&amp;token=cc9540b2-0efd-46f5-8803-e490d73a2f02" alt=""><figcaption></figcaption></figure>

### Create/Edit the module

Go to the Admin > Content > Site Modules > Add a new module:

* **Module name**: Login Form
* **Module type**: Login
* **Module position**: sidebar-right

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FK3U8TVrorwy62ypQwajr%2Flogin-module-edit.jpg?alt=media&amp;token=96c313b4-9dcd-4b3f-b0a2-79be277392bd" alt=""><figcaption><p>Login module</p></figcaption></figure>

## Tag Module

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FvIIaCei7kA7DHqjnccvh%2Ftag-module.jpg?alt=media&amp;token=2e7ec858-ac0c-437c-94f2-b931e799ec93" alt=""><figcaption></figcaption></figure>

### Create/Edit the Tag module

Go to the Admin > Content > Site Modules > Add a new module:

* **Module name**: Tags
* **Module type**: Tag - Popular
* **Module position**: sidebar-right

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2Fw6wfo75q8jlbd5xXYnEf%2Ftag-module-edit.jpg?alt=media&amp;token=ac508191-460f-4827-9912-0516f37b4785" alt=""><figcaption><p>Edit tag module</p></figcaption></figure>

## Assign modules to the layout builder

After creating those modules, the next step is to go to the Site Templates Styles > tz\_travelami - Default > Layout.&#x20;

Add a new column, and add a new element. Choose the Module Position from the widget panel.

Edit the module position and assign the module position "sidebar-right" to this column.&#x20;

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FzOa5SLwmWcuhNE3OSMQC%2Fsidebar-right-in-layout.jpg?alt=media&amp;token=7aaf4a47-cb46-4ec4-943f-1e6104ffb819" alt=""><figcaption></figcaption></figure>

Edit the module position widget and assign the module position to "sidebar-right".&#x20;

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FknUcdrILBToFezeKVxf7%2Fmodule-right-layout-settings.jpg?alt=media&amp;token=c925708f-6381-45ec-9693-870973a230fe" alt=""><figcaption></figcaption></figure>

## Change the sidebar's background color

To change the background color of the blog sidebar, please edit the Sidebar right module element > Design Settings > Background color.&#x20;

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FO0OV79gr3N6IgciugIhN%2Fedit-sidebar-right-element.jpg?alt=media&amp;token=785812d1-80e3-48bd-bb85-319d50a2f739" alt=""><figcaption><p>Edit the element</p></figcaption></figure>

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FWvk80IvbqsTUxuFh3PVw%2Fblog-sidebar-bgcolor.jpg?alt=media&amp;token=0fb6710f-82b3-4606-ac0d-63d2aceaa2ef" alt=""><figcaption><p>Change the background color</p></figcaption></figure>
