How to Make Admin Box Below Posts
Hello my friend PC, today I will post how to make admin box under the posts.
I see many people use blogs admin box like this so I share Any reckoning charity. XD
yes is no need to linger longer, we just made.
follow the steps below.
1. Log in to Blogger> go to Edit Html> Expand Widget Templates.
2. Just Copy Below code above ]]></b:skin>.
.Re-Ndi{display:block;width:auto;background:transparent;font:normal 12px Arial, Sans-Serif;color:#fff;border:4px solid #fff;border-radius:5px;box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;margin:30px 0 10px;padding:0;}
.Re-Ndi{display:block;width:auto;background:transparent;border:2px solid #FFF;border-top-right-radius:5px;border-top-left-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;padding:0;margin:5px 0 10px 0;font:normal 14px "Share",Sans-Serif;color:#fff}
.Re-Ndi{display:block;width:auto;background:#CFE2E0;border:2px solid #fff;box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;padding:0;margin:5px 0 10px 0;font:normal 12px Arial,Sans-Serif;color:#222}
.Re-Ndi{display:block;width:auto;background:transparent;border:2px solid #FFF;box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;padding:0;margin:5px 0 10px 0;font:normal 14px "Share",Sans-Serif;color:#fff}. Re-Ndi .kontainer{padding:5px}
.Re-Ndi h4{background:transparent;border:none;border-bottom:2px solid #FFF;color:#fff;text-transform:normal;text-shadow:0 1px 0 rgba(0,0,0,0.4);font:bold 14px "Amarante",Sans-Serif;padding:5px 10px;margin:0 0 0 0;display:block}
.Re-Ndi h4 a{color:#fff}
.Re-Ndi img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left; margin-left:5px; margin-bottom:5px; margin-top:5px;
border:2px solid #fff;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
3. Copy And Paste Code Below Above Code
<div class='post-footer'>.
<!-- Admin Box -->
<b:if cond='data:blog.pageType == "item"'>
<div class='Re-Ndi'> <h4>written By : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> - Penyolongan Team</h4> <div class='kontainer'> <img src='http://cdn1.iconfinder.com/data/icons/woothemes/PNG/intruder.png'/>Thank you for visiting my blog this very simple :D<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://ditabrak.biz/ampemampus' target='_blank'> Get Your Own </a></span></p><div style='clear:both;'/> </div> </div> </b:if> <!-- Admin Box -->
Information:
- Color Yellow: Url Picture You.
- Color Blue: Words You said.
4. Save Template