---
Articles related to customizing Obsidian Publish sites using javascript and css.
</br>
%% DATAVIEW_PUBLISH_CONVERT start
```dataview
LIST WITHOUT ID
"**" + file.link + "** </br>" + description + "</br></br>"
FROM "07 - Publish - Obsidian"
WHERE
publish = true
AND file.name != "About Me"
AND file.name != "Home"
AND file.name != this.file.name
AND series = "Obsidian Publish Recipes"
SORT date DESC
```
%%
- **[[07 - Publish - Obsidian/Articles/Add Social Links to the Sidebar of an Obsidian Publish Site.md|Add Social Links to the Sidebar of an Obsidian Publish Site]]** </br>Customize your Obsidian Publish site by adding social media icons to the sidebar. This step-by-step guide uses simple CSS and JavaScript to create a "Connect" box that appears on every page, enhancing your site's professional look.</br></br>
- **[[07 - Publish - Obsidian/Articles/Obsidian Publish Workflow - Automating Publication Prep.md|Obsidian Publish Workflow - Automating Publication Prep]]** </br>Walkthrough of a Templater script to automate Obsidian Publish workflow. The script manages frontmatter properties and converts Dataview queries to static Markdown.</br></br>
- **[[07 - Publish - Obsidian/Articles/Add Social Links to the Footer of an Obsidian Publish Site.md|Add Social Links to the Footer of an Obsidian Publish Site]]** </br>How to customize an Obsidian Publish site by adding a social media links to the footer. This guide uses simple JavaScript and CSS to "hijack" your theme's default footer, creating a clean footer that appears on every page.</br></br>
%% DATAVIEW_PUBLISH_CONVERT end %%