February 16, 2016

Easily create a professional by blogger(part-3)add a beautifull control panel on blogger

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.
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
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='&quot;loading&quot; + 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: