Today I am going to teach you how to add a clean Author box in blogger . It is very responsive It is made with pure CSS no jquery. But it don't have any Author message.To add this to blogger follow the steps given below.
LIVE DEMO-See it at the side
Features
How to Add this to blogger
- Go to layout>add a gadget
- Paste the following piece of code
<div class="textwidget"><style type='text/css'>.circular { width: 150px; height: 150px; border-radius: 75px; -webkit-border-radius: 75px; -moz-border-radius: 75px; }#aboutme { background: url(http://s10.postimg.org/crm3mrtzd/shattered_dark_1.png) repeat #fff; }</style><div id="aboutme" style="padding:30px 15px;border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius:4px;border-top:solid 4px #FF4C2E"><center><a target="_blank" href="https://plus.google.com/114516029077372115074"><img class="circular" src="http://s15.postimg.org/dei262nij/boy_face_cartoon_clip_art_430749.jpg" /></a></center><div style="height:10px;"></div><p style="font-size:18px;font-weight:bold; text-align:center;"><a style="color:#232323;text-decoration:none;" target="_blank" href="https://plus.google.com/114516029077372115074">Abhinav Singh</a></p><div class="textwidget"><style type='text/css'></style></div></div></div>Customization
- To change the background replace Yellow code With your bg image link
- Replace the Green code with your Google plus URL
- Replace pink code with your Profile image
- Replace the light blue code with your name
- Save it
You are all done LIKE COMMENT AND SUBSCRIBE
EmoticonEmoticon