How To Make a Box Author Under The Posts
Author box or can also tell the admin mailbox identification is usually used as an article writer on a blog, Author Box you can fill with a thank-you to the Visitors who have visited and read articles on your blog.
If you want to apply these tips please follow the steps below:
1. Login to Blogger
2. Go to Menu Design - and select Edit HTML
3. Check the "Expand Widget Templates"
4. Paste the code below the above code ]]></b:skin>
.admin-author{
display:block;
width:auto;
background:#F5F5F5;
border:1px solid #C0C0C0;
box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
padding:0;
margin:30px 0 10px 0;
font:normal 12px Arial, Sans-Serif;
color:#222;
}
.admin-author .kontainer{padding:5px;}
.admin-author h1{
background:#C0C0C0;
border:none;
border-bottom:1px solid #C0C0C0;
color:#fff;
text-transform:normal;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
font:bold 12px Arial,Sans-Serif;
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-author h1 a{color:#FEEA83;}
.admin-author img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:0px solid #E6E6FA;
padding:2px;
background:#E6E6FA
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
5. Still in the edit HTML, now paste the following code above the code <div class='post-footer'>
<!-- Box Admin -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-author'>
<h1>Popularized by : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> - SEO Friendly</h1>
<div class='kontainer'>
<img height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7lcxr3j9xCEdo9HMP08B78uevp7AQ5IdEAQquXiSVqkElP-BtlabYPes7FgeqZ7_JK6pyS13lqt9hSDlxKoxV9cQilW1NoL-N4tbFRY9jvkp6oKepUmKmorEnbdhP7uKbzqerkOj9KOg/s200/Aelke_Mariska_admin.png' width='75'/>
You are reading the article instinct blogs - SEO Friendly entitled <b><a expr:href='data:post.url'><data:post.title/></a></b>, We are sorry if you think there is a very important artike, do not forget to subscribe by entering your email in column Get Updates Via Email. If there is a question which if you think do not forget to leave a comment below. Without any spread of SPAM.. <p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://instingblogs.blogspot.com' target='_blank'>:: Thank you for visiting ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Box Admin -->
Important Note: Do not forget to change the URL of our admin Photo bold and red
6. If it is completed in the edit template please save your changes now, and see the results.
Popularized by : Insting Blog - SEO Friendly
You are reading the article instinct blogs - SEO Friendly entitled How To Make a Box Author Under The Posts, We are sorry if you think there is a very important artike, do not forget to subscribe by entering your email in column Get Updates Via Email. If there is a question which if you think do not forget to leave a comment below. Without any spread of SPAM..
Categories:
Tips and Trick
Post a Comment