Here I'm going to tell you about 10 beautiful and stylish about author widget for blogger sidebar that will look beautiful and attractive. These all widgets are fully responsive so that will look beautiful in every device. These blogger widget are very easy to install in your blogger blog.
How to install these widgets in blogger?
1. Copy the code of widget as your choice.
2. Go to your blogger dashboard and click on "Layout".
3. Click on "Add a gadget" in the sidebar of blogger.
4. Click on "HTML/Javascript"
5. Paste that code here and click on "Save". Now that widget is successfully added your blogger blog.
Style 1
<div class="author-widget"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-gYZv2esNKIhlNzX3NqcGtbpPcIMaAfYPEVCibObuet5Ni3yS-cOfPiWEuyH6mcxwy5pkSAbFhLDwV__1TXb2jKeH2tPokjTdSHf5TWvytORbF8mbD2--KD0WwGPdgfxBYouVKi-SuEbn3R6gL0R4ndCJP8l0HNzN4e7lFW3EZuzq33bbjmO50mXuVw/s16000/IMG_20221001_234045_468.jpg" />
<div class="author-name">Surendra Singh</div><br />
<div class="author-bio">
Myself Surendra and I'm a blogger from Pali, Rajasthan, India and I love to write about seo, adsense, blogging, earn money, technology and lifestyle.
</div><br />
<div class="read-more">
<a href="https://18mudiya.blogspot.com/p/surendrasingh.html">Read More</a></div>
<style>
.author-widget {
text-align:center;
color:#000;
border:5px solid black;
padding:20px;
font-weight:bold
}
.author-widget img {
width:100%;
height:100%;
border-radius:200px;
border:5px solid black;
margin-bottom:15px
}
.author-name {
font-size:22px;
}
.author-bio {
font-size:14px;
line-height:1.5
}
.read-more {
font-size:16px;
}
</style></div>
Style 2
<div class="author-widget">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-gYZv2esNKIhlNzX3NqcGtbpPcIMaAfYPEVCibObuet5Ni3yS-cOfPiWEuyH6mcxwy5pkSAbFhLDwV__1TXb2jKeH2tPokjTdSHf5TWvytORbF8mbD2--KD0WwGPdgfxBYouVKi-SuEbn3R6gL0R4ndCJP8l0HNzN4e7lFW3EZuzq33bbjmO50mXuVw/s16000/IMG_20221001_234045_468.jpg" />
<div class="author-name">Surendra Singh</div><br />
<div class="author-bio">
Myself Surendra and I'm a blogger from Pali, Rajasthan, India and I love to write about seo, adsense, blogging, earn money, technology and lifestyle.
</div><br />
<div class="read-more">
<a href="https://18mudiya.blogspot.com/p/surendrasingh.html">Read More</a></div>
<style>
.author-widget {
text-align:center;
color:#000;
border:5px dotted red;
padding:20px;
font-weight:bold
}
.author-widget img {
width:100%;
height:100%;
border-radius:200px;
border:5px dotted red;
margin-bottom:15px
}
.author-name {
font-size:22px;
color:red
}
.author-bio {
font-size:14px;
line-height:1.5
}
.read-more {
font-size:16px;
}
</style></div>
Style 3
<div class="author-widget">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-gYZv2esNKIhlNzX3NqcGtbpPcIMaAfYPEVCibObuet5Ni3yS-cOfPiWEuyH6mcxwy5pkSAbFhLDwV__1TXb2jKeH2tPokjTdSHf5TWvytORbF8mbD2--KD0WwGPdgfxBYouVKi-SuEbn3R6gL0R4ndCJP8l0HNzN4e7lFW3EZuzq33bbjmO50mXuVw/s16000/IMG_20221001_234045_468.jpg" />
<div class="author-name">Surendra Singh</div><br />
<div class="author-bio">
Myself Surendra and I'm a blogger from Pali, Rajasthan, India and I love to write about seo, adsense, blogging, earn money, technology and lifestyle.
</div><br />
<div class="read-more">
<a href="https://18mudiya.blogspot.com/p/surendrasingh.html">Read More</a></div>
<style>
.author-widget {
text-align:center;
color:#000;
border:5px solid green;
padding:20px;
font-weight:bold
}
.author-widget img {
width:100%;
height:100%;
border-radius:none;
border:5px solid green;
margin-bottom:15px
}
.author-name {
font-size:22px;
color:green
}
.author-bio {
font-size:14px;
line-height:1.5
}
.read-more {
font-size:16px;
}
</style></div>
Style 4
<div class="author-widget">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-gYZv2esNKIhlNzX3NqcGtbpPcIMaAfYPEVCibObuet5Ni3yS-cOfPiWEuyH6mcxwy5pkSAbFhLDwV__1TXb2jKeH2tPokjTdSHf5TWvytORbF8mbD2--KD0WwGPdgfxBYouVKi-SuEbn3R6gL0R4ndCJP8l0HNzN4e7lFW3EZuzq33bbjmO50mXuVw/s16000/IMG_20221001_234045_468.jpg" />
<div class="author-name">Surendra Singh</div><br />
<div class="author-bio">
Myself Surendra and I'm a blogger from Pali, Rajasthan, India and I love to write about seo, adsense, blogging, earn money, technology and lifestyle.
</div><br />
<div class="read-more">
<a href="https://18mudiya.blogspot.com/p/surendrasingh.html">Read More</a></div>
<style>
.author-widget {
text-align:center;
color:#000;
border:5px solid blue;
padding:20px;
font-weight:bold
}
.author-widget img {
width:95%;
height:100%;
border-radius:none;
border:5px solid blue;
margin-bottom:15px
}
.author-name {
font-size:22px;
color:white;
background:blue;
padding:5px;
text-transform:uppercase
}
.author-bio {
font-size:14px;
line-height:1.5
}
.read-more {
font-size:16px;
}
</style></div>
Style 5
<div class="author-widget">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-gYZv2esNKIhlNzX3NqcGtbpPcIMaAfYPEVCibObuet5Ni3yS-cOfPiWEuyH6mcxwy5pkSAbFhLDwV__1TXb2jKeH2tPokjTdSHf5TWvytORbF8mbD2--KD0WwGPdgfxBYouVKi-SuEbn3R6gL0R4ndCJP8l0HNzN4e7lFW3EZuzq33bbjmO50mXuVw/s16000/IMG_20221001_234045_468.jpg" />
<div class="author-name">Surendra Singh</div><br />
<div class="author-bio">
Myself Surendra and I'm a blogger from Pali, Rajasthan, India and I love to write about seo, adsense, blogging, earn money, technology and lifestyle.
</div><br />
<div class="read-more">
<a href="https://18mudiya.blogspot.com/p/surendrasingh.html">Read More</a></div>
<style>
.author-widget {
text-align:center;
color:#000;
border:5px solid pink;
padding:20px;
font-weight:bold
}
.author-widget img {
width:95%;
height:100%;
border-radius:200px;
border:5px solid pink;
margin-bottom:15px
}
.author-name {
font-size:22px;
color:black;
background:pink;
padding:5px;
text-transform:uppercase
}
.author-bio {
font-size:14px;
line-height:1.5
}
.read-more {
font-size:16px;
}
</style></div>
Style 6
<div class="author-widget">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-gYZv2esNKIhlNzX3NqcGtbpPcIMaAfYPEVCibObuet5Ni3yS-cOfPiWEuyH6mcxwy5pkSAbFhLDwV__1TXb2jKeH2tPokjTdSHf5TWvytORbF8mbD2--KD0WwGPdgfxBYouVKi-SuEbn3R6gL0R4ndCJP8l0HNzN4e7lFW3EZuzq33bbjmO50mXuVw/s16000/IMG_20221001_234045_468.jpg" />
<div class="author-name">Surendra Singh</div><br />
<div class="author-bio">
Myself Surendra and I'm a blogger from Pali, Rajasthan, India and I love to write about seo, adsense, blogging, earn money, technology and lifestyle.
</div><br />
<div class="read-more">
<a href="https://18mudiya.blogspot.com/p/surendrasingh.html">Read More</a></div>
<style>
.author-widget {
text-align:center;
color:#000;
border:5px solid white;
padding:20px;
font-weight:bold;
background:blue
}
.author-widget img {
width:95%;
height:100%;
border-radius:200px;
border:5px solid white;
margin-bottom:15px
}
.author-name {
font-size:22px;
color:blue;
background:white;
padding:5px;
text-transform:uppercase
}
.author-bio {
font-size:14px;
line-height:1.5;
color:white
}
.read-more {
font-size:16px;
}
.read-more a {
color:white;
}
</style></div>
Style 7
<div class="author-widget">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-gYZv2esNKIhlNzX3NqcGtbpPcIMaAfYPEVCibObuet5Ni3yS-cOfPiWEuyH6mcxwy5pkSAbFhLDwV__1TXb2jKeH2tPokjTdSHf5TWvytORbF8mbD2--KD0WwGPdgfxBYouVKi-SuEbn3R6gL0R4ndCJP8l0HNzN4e7lFW3EZuzq33bbjmO50mXuVw/s16000/IMG_20221001_234045_468.jpg" />
<div class="author-name">Surendra Singh</div><br />
<div class="author-bio">
Myself Surendra and I'm a blogger from Pali, Rajasthan, India and I love to write about seo, adsense, blogging, earn money, technology and lifestyle.
</div><br />
<div class="read-more">
<a href="https://18mudiya.blogspot.com/p/surendrasingh.html">Read More</a></div>
<style>
.author-widget {
text-align:center;
color:#000;
border:5px solid white;
padding:20px;
font-weight:bold;
background:black
}
.author-widget img {
width:95%;
height:100%;
border-radius:200px;
border:5px solid white;
margin-bottom:15px
}
.author-name {
font-size:22px;
color:black;
background:white;
padding:5px;
text-transform:uppercase
}
.author-bio {
font-size:14px;
line-height:1.5;
color:white
}
.read-more {
font-size:16px;
}
.read-more a {
color:white;
}
</style></div>
Style 8
<div class="author-widget">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-gYZv2esNKIhlNzX3NqcGtbpPcIMaAfYPEVCibObuet5Ni3yS-cOfPiWEuyH6mcxwy5pkSAbFhLDwV__1TXb2jKeH2tPokjTdSHf5TWvytORbF8mbD2--KD0WwGPdgfxBYouVKi-SuEbn3R6gL0R4ndCJP8l0HNzN4e7lFW3EZuzq33bbjmO50mXuVw/s16000/IMG_20221001_234045_468.jpg" />
<div class="author-name">Surendra Singh</div><br />
<div class="author-bio">
Myself Surendra and I'm a blogger from Pali, Rajasthan, India and I love to write about seo, adsense, blogging, earn money, technology and lifestyle.
</div><br />
<div class="read-more">
<a href="https://18mudiya.blogspot.com/p/surendrasingh.html">Read More</a></div>
<style>
.author-widget {
text-align:center;
color:#000;
border:5px solid white;
padding:20px;
font-weight:bold;
background:white;
box-shadow:0 0 10px black
}
.author-widget img {
width:95%;
height:100%;
border-radius:200px;
border:5px solid white;
margin-bottom:15px
}
.author-name {
font-size:22px;
color:black;
background:white;
padding:5px;
text-transform:uppercase
}
.author-bio {
font-size:14px;
line-height:1.5;
color:black
}
.read-more {
font-size:16px;
}
.read-more a {
color:black;
}
</style></div>
Style 9
<div class="author-widget">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-gYZv2esNKIhlNzX3NqcGtbpPcIMaAfYPEVCibObuet5Ni3yS-cOfPiWEuyH6mcxwy5pkSAbFhLDwV__1TXb2jKeH2tPokjTdSHf5TWvytORbF8mbD2--KD0WwGPdgfxBYouVKi-SuEbn3R6gL0R4ndCJP8l0HNzN4e7lFW3EZuzq33bbjmO50mXuVw/s16000/IMG_20221001_234045_468.jpg" />
<div class="author-name">Surendra Singh</div><br />
<div class="author-bio">
Myself Surendra and I'm a blogger from Pali, Rajasthan, India and I love to write about seo, adsense, blogging, earn money, technology and lifestyle.
</div><br />
<div class="read-more">
<a href="https://18mudiya.blogspot.com/p/surendrasingh.html">Read More</a></div>
<style>
.author-widget {
text-align:center;
color:#000;
border:5px solid white;
padding:20px;
font-weight:bold;
background:white;
box-shadow:none;
border-top:5px solid red;
border-bottom:5px solid green;
border-left:5px solid blue;
border-right:5px solid yellow
}
.author-widget img {
width:95%;
height:100%;
border-radius:200px;
border:5px solid white;
margin-bottom:15px
}
.author-name {
font-size:22px;
color:red;
background:white;
padding:5px;
text-transform:uppercase
}
.author-bio {
font-size:14px;
line-height:1.5;
color:blue
}
.read-more {
font-size:16px;
}
.read-more a {
color:green;
}
</style></div>
Style 10
<div class="author-widget">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-gYZv2esNKIhlNzX3NqcGtbpPcIMaAfYPEVCibObuet5Ni3yS-cOfPiWEuyH6mcxwy5pkSAbFhLDwV__1TXb2jKeH2tPokjTdSHf5TWvytORbF8mbD2--KD0WwGPdgfxBYouVKi-SuEbn3R6gL0R4ndCJP8l0HNzN4e7lFW3EZuzq33bbjmO50mXuVw/s16000/IMG_20221001_234045_468.jpg" />
<div class="author-name">Surendra Singh</div><br />
<div class="author-bio">
Myself Surendra and I'm a blogger from Pali, Rajasthan, India and I love to write about seo, adsense, blogging, earn money, technology and lifestyle.
</div><br />
<div class="read-more">
<a href="https://18mudiya.blogspot.com/p/surendrasingh.html">Read More</a></div>
<style>
.author-widget {
text-align:center;
color:#000;
border:5px solid white;
padding:20px;
font-weight:bold;
background:white;
box-shadow:none;
border-top:5px solid red;
border-bottom:5px solid green;
border-left:5px solid blue;
border-right:5px solid yellow
}
.author-widget img {
width:95%;
height:100%;
border-radius:200px;
border:5px solid white;
margin-bottom:15px;
border-top:5px solid red;
border-bottom:5px solid green;
border-left:5px solid blue;
border-right:5px solid yellow
}
.author-name {
font-size:22px;
color:red;
background:white;
padding:5px;
text-transform:uppercase
border-top:5px solid red;
border-bottom:5px solid green;
border-left:5px solid blue;
border-right:5px solid yellow
}
.author-bio {
font-size:14px;
line-height:1.5;
color:blue
}
.read-more {
font-size:16px;
}
.read-more a {
color:green;
}
</style></div>
Last Words
Beautiful widgets makes your blog looking beautiful so use stylish, pretty and responsive widgets in your blog for attract more peoples to your blog
25%
