plz share
Welcome to third part of Easily create a professional by
blogger.toady I will show how to add a beautiful control panel on blogger.genearlly there are no
contral panel on blogger but you can add it manually.
contral panel on blogger but you can add it manually.
A control panel for
your blog Beautiful.only you will see this control panel when you logged
in.without blogger admin nobody can,t see this panel.after added it you blog
will look see bellow …..
 |
| add a beautifull control panel on blogger |
How do add this panel:
at frist log in your blogger.then go template and take
backup your template.now click edit html ..
now find this code <body
expr:class='"loading" + data:blog.mobileClass'> by
pressing ctrl+f
if doesn,t find out this code you can try <body >
now paste below code just after above the one any code
<span class='item-control blog-admin'>
<style>
.control-panel ul{z-index: 20; position: absolute; margin:
0px auto; background-color: #F6F6F6; width: 100%; }
.control-panel ul li{display: inline-block; float: left;
padding: 7px 0px;}
.control-panel ul li a {color:#686868;padding: 7px
15px;border-right: 1px solid #E3E3E3;font-weight: bold;font-size: 13px;}
.control-panel a:hover {text-decoration:none;
color:#FC8F44;}
</style>
<div class='control-panel'>
<ul>
<li><a href='http://www.blogger.com/home'>My
Blogs</a></li>
<li><a
href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#editor/src=sidebar'>New
Post</a></li>
<li><a
href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#editor/target=page'>New
Page</a></li>
<li><a
href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#posts'>All
Posts</a></li>
<li><a
href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#comments'>Comments</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#pageelements'>Layout</a></li>
<li><a
href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#templatehtml'>Edit
HTML</a></li>
<li><a href='#' onclick='location.reload(true);
return false;'>Refresh</a></li>
<li><a href='/' target='_blank'>New
Tab</a></li>
<li><a
href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#basicsettings'>Settings</a></li>
<li><a
href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#overviewstats'>Stats</a></li>
<li><a href='http://www.blogger.com/logout.g'>Logout</a></li>
</ul>
</div>
</span>
Here XXXXXXXXXXXXX replace with your blogger id.where you
will find blogger id.enter you blog click address bar.you will see BlogID=XXXXXXXXXXXXXXXXXX
its your blogger id.hope all enjoy this post.thnaks.
No comments: