In this tutorial I try to answer any questions a visitor to my blog about how to create a Box About The Author that appears below each post.
Approximately picture like this:
If interested please follow my friend made the following manner:
* Log in to your Blogger account each => Click Template => Edit Template => Continue => Tick Expand Widget Templates.
**Search code : ]]> </ b: skin> tand then put the following css code right above it:
.author-box {
border:2px solid#2E2EFE;
margin: auto;
margin: 10px 3px;
padding: 10px;
overflow: auto;
background:#EFFBF5;
}
.author-box a {
color: #102C4A;
font-size: 14px;
font-weight: Bold;
letter-spacing: -1px;
margin: 0 0 1em;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box img {
background: #102C4A;
float: left;
margin: 0 10px 0 0;
padding: 4px;
border: 1px solid #E6E6E6;
}
*** After that, look for the following code:
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
**** Remove code is replaced with the following code:
<b:if cond='data:blog.pageType == "item"'><data:post.body/>
<div class='author-box'>
<p><img alt='' class='avatar avatar-80 photo' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5it-MLxwovXKdwmT9eG8Ynu_37GLBGc_8Nuxt3FEbbErB7voUnmN41fV6bbOZHWkVMeJ-qDJ_FZUgvJCLHBGbGY6HNY1OUzDfIvSsUm7XD9xRwdJjLmaTkHUEIFg6-UDv3x-3ZCuU8rfP/s1600/Dyenps.jpg' width='100'/><b>About the Author</b><br/>
<div style='text-align: justify;'>My name Mulyadin. I am a diploma student in the Bachelor of Vocational Layman UiTM Shah Alam. Everything I write here is based on my own views. Sorry if there are errors in the Article Writing Kindly is understandable.<br/>
Follow me di <a href='https://twitter.com/Mulyadin11'>Twitter</a>, <a href='http://www.facebook.com/Mulyaadin.dyen'>Facebook</a> or <a href='http://www.facebook.com/pages/Arista Blog'>Arista Blog</a>
<p style='margin:-8px 0'><br/></p></div></p>
</div>
</b:if>
Description: replace any red text above with your name and friend's account and replace every word I mentioned above as desired mate,
and blue writing is url buddy picture or photo that will appear in the box about the author later, replace the image url yours.
***** Once everything is finished Save Template buddy, cover and look cool hasinya right ..?
So how Constructing Box About The Author on surviving creative blog .. good luck!
ENDS...!!
.JPG)
