today i have successfully made "about the author" at the bottom of the blog post. And "about the author" inherent in all posts. Adding About the Author box below every blog post is fairly easy. It Gives a professional look to the blog. Might you have come across Such widgets in WordPress blogs, but unfortunately there is non for bloggers so we need to add some code in the Edit HTML.
And I also share tips on installing 'about the author' to you too well.So lets jump in to learn this beautiful tips for Blogger.
#step 1 Go to Design >> Edit HTML >> expand widget Templates
#step 2 Search for the following code : (Press Ctrl + F)
#step 3 Now just above this code add the following piece of code
#step 4 Search for the following code :
#Step 5 Enter the following code below , under the code in step 5
#Step 6 Save Template
This is very simple how it works. and your blog will look professional and attractive. try to make it and your blog will look different. and it will make visitors comfortable and know more about you.
okeey my friends ...happy blogging and blog commenting!!
 |
| This is my "about the author" at my blog |
And I also share tips on installing 'about the author' to you too well.So lets jump in to learn this beautiful tips for Blogger.
#step 1 Go to Design >> Edit HTML >> expand widget Templates
#step 2 Search for the following code : (Press Ctrl + F)
]]></b:skin>
#step 3 Now just above this code add the following piece of code
.author-box {
background: #F7F7F7;
margin: 20px 0 40px 0;
padding: 10px;
border: 1px solid #E6E6E6; overflow: auto;
}
.author-box p { margin: 0; padding: 0; }
.author-box img
{ background: #FFFFFF;
float: left; margin: 0 10px 0 0;
padding: 4px; border:
1px solid #E6E6E6; }
#step 4 Search for the following code :
<div class='post-footer-line post-footer-line-1'/>
#Step 5 Enter the following code below , under the code in step 5
<b:if cond='data:blog.pageType == "item"'> <div class='author-box'> <p><img alt='' class='avatar avatar-70 photo' height='70' src='Your Photo Link is here ' width='70'/><b>About the Author</b><br/> <div style='text-align: justify; font-family: verdana; color: rgb(0, 0, 0);'>Write Something About yourself here <br/> Follow Me on Twitter <a href=' Your Twitter Link '>Your Twitter link Anchor text</a> <p style='margin:-8px 0'><br/><center> <a href=' Your Blog link ' style='text-decoration:none;font-size:100%;'>Your Blog Name</a></center> </p></div></p> </div> </b:if>
#Step 6 Save Template
This is very simple how it works. and your blog will look professional and attractive. try to make it and your blog will look different. and it will make visitors comfortable and know more about you.
okeey my friends ...happy blogging and blog commenting!!
0 Response to "My "About The Author" Has Created,You Want It?"
Post a Comment