Steps to Add About us section in Blogger
<div class="aboutAuthor">
<div class="aboutCont">
<img alt="blogbyaisosa-logo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJTkhcotupIapf7l2ZE5qt3bbDDZcKdA6caJW8GlaA5sp1CXZOrr1Lndkhf0NYaAXZMC2Drp29n5htNo9g-G0AfjXsju4FV-R3ENWX4aI0J3V8CVp-BIC-rVgpsrCtqqQPsxToQ9tMzYx2c3YDVTTVKG-YtlfZvbbFIbHpxDDlgGFt1A/s1600/Blogbyaisosa.png">
<div class="AboutText">
<h2>About Aisosa's Blog</h2>
<p>I write articles on web development, blogging, and money-making tips. Join the conversation in the comments section.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Id porro consequatur similique neque eaque officiis architecto </p>
</div>
<div class="joinFam">
<a class="button" href="https://www.blogger.com/profile/14809838040629875117"><svg class="line" viewBox="0 0 24 24"><g transform="translate(2.850300, 2.150000)"><path d="M7.072,19.6583 C3.258,19.6583 1.15463195e-13,19.0813 1.15463195e-13,16.7713 C1.15463195e-13,14.4613 3.237,12.3603 7.072,12.3603 C10.886,12.3603 14.144,14.4413 14.144,16.7503 C14.144,19.0593 10.907,19.6583 7.072,19.6583 Z"></path><path d="M7.07200002,9.066 C9.57500002,9.066 11.605,7.036 11.605,4.533 C11.605,2.029 9.57500002,1.50990331e-14 7.07200002,1.50990331e-14 C4.56900002,1.50990331e-14 2.53897,2.029 2.53897,4.533 C2.53000002,7.027 4.54600002,9.057 7.04000002,9.066 L7.07200002,9.066 Z"></path><line x1="16.281" y1="5.9791" x2="16.281" y2="9.9891"></line><line x1="18.3273" y1="7.9839" x2="14.2373" y2="7.9839"></line></g></svg>Follow me</a>
</div>
</div>
</div>
<style>
/* About Author CSS */
.aboutAuthor{padding:60px 0 20px 0}
.aboutAuthor .aboutCont{justify-content:center;position:relative;display:flex;max-width:95%;margin:auto;padding:80px 30px 95px 30px;background-color: #fffdfc;border-radius:20px;border: 1px solid #e6e6e6;}
.aboutAuthor .aboutCont img{background-image:linear-gradient(to top right,#ff5738,#ffa451);box-shadow:0 5px 20px rgba(0,0,0,.2);padding:0;border:7px solid #222d65;width:120px;height:120px;position:absolute;border-radius:50%;top:-60px;pointer-events:none}
.aboutAuthor .aboutCont p{margin:0.5em 0;text-align:center}
.aboutAuthor .aboutCont h2{margin: 0.5em 0 1em 0;text-align:center}
.aboutAuthor .aboutCont .joinFam{text-align:center;position:absolute;bottom:0;left:0;right:0}
.button {display: inline-flex;align-items: center;gap: 12px;margin: 10px 0;padding: 12px 15px;outline: 0;border: 0;border-radius: 6px;line-height: 20px;vertical-align: middle;color: #fffdfc;background: #532b76;font-size: 14px;font-family: inherit;white-space: nowrap;overflow: hidden;max-width: 320px;}
.aboutAuthor .aboutCont .joinFam .button{border-radius:50px;margin:0 0 30px}
.aboutAuthor .aboutCont .joinFam .button svg{stroke:#fffdfc;margin-right:5px}
svg {width: 22px; height: 22px;}
svg.line, svg .line { fill: none;stroke-linecap: round;stroke-linejoin: round;stroke-width: 1.25;}
.drK .aboutAuthor .aboutCont{background-color:#fffdfc;border: 1px solid #e6e6e6;color:#fffdfc}
.drK .aboutAuthor .aboutCont img{background-image:linear-gradient(to top right,#363636,#717171);border-color:var(--darkBsec);box-shadow:0 10px 40px rgba(0,0,0,.2)}
/* Responsive */
@media screen and (min-width:768px){.aboutAuthor .aboutCont{max-width:97%}}
</style>
Final thoughts