How to Make a Box About The Author in the Lower Post

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 == &quot;item&quot;'><data:post.body/></b:if>

**** Remove code is replaced with the following code:

<b:if cond='data:blog.pageType == &quot;item&quot;'><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...!!

You've just read an article category: Tutorials Blogger by title How to Make a Box About The Author in the Lower Post. You can bookmark this page with a URL: http://arista-ndai.blogspot.com/2012/12/how-to-make-box-about-author-in-lower.html. Thank you for reading this article!

Written by: Unknown - 12/05/2012