Roame applies its dedicated About-page styling when the page uses the normal Blogger URL /p/about.html. Create the page with the title About.
Starter About layout
The XML contains the styles for this page but not your personal About copy, so the following is a compatible starter template built from Roame’s supplied page classes.
<!--
ROAME ABOUT PAGE
----------------
Create a Blogger Page titled "About", switch to HTML view, and paste this block.
Replace the image URL and sample text with your own.
-->
<div class="mv-page-content">
<p class="mv-page-lead">A short introduction to your travel journal and the kind of stories readers will find here.</p>
<section class="mv-page-section mv-page-split">
<div class="mv-page-portrait">
<img src="https://example.com/your-portrait.jpg" alt="Portrait of the author" loading="lazy" decoding="async">
</div>
<div class="mv-about-intro-copy">
<p class="mv-page-eyebrow">A little about me</p>
<h2 class="mv-page-heading">Travel slowly. Notice more.</h2>
<p>Replace this paragraph with your own introduction, background, and approach to travel.</p>
<p>Use this space to tell readers what they can expect from your stories, destination guides, and photo essays.</p>
<p class="mv-about-signature">Your name</p>
</div>
</section>
<section class="mv-page-section">
<p class="mv-page-eyebrow">Around here</p>
<h2 class="mv-page-heading">What you’ll find</h2>
<div class="mv-page-columns">
<div class="mv-page-column">
<h3 class="mv-page-column-title">Destination guides</h3>
<p>Practical notes, thoughtful itineraries, and places worth making time for.</p>
</div>
<div class="mv-page-column">
<h3 class="mv-page-column-title">Photo essays</h3>
<p>Visual stories shaped by light, detail, atmosphere, and the photographs collected along the way.</p>
</div>
<div class="mv-page-column">
<h3 class="mv-page-column-title">Travel notes</h3>
<p>Small observations, memorable places, and stories from the road.</p>
</div>
</div>
</section>
<section class="mv-page-section mv-about-closing">
<p class="mv-page-eyebrow">Keep exploring</p>
<h2 class="mv-page-heading">Find your next place.</h2>
<p>Replace this closing copy with your own invitation to browse the journal or destinations.</p>
<div class="mv-page-actions">
<a class="mv-page-button" href="/p/destinations.html">Browse destinations</a>
<a class="mv-page-text-link" href="/search?max-results=6">Read the journal</a>
</div>
</section>
</div>Connect the homepage
In Homepage About the Author, point the Image widget link to /p/about.html. Roame can also use a real image from this page when the homepage About widget does not have a usable image.