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.
How to Add an Admin Control Panel in BloggerHow to create an "Admin Control Panel" in your Blogger template,How to Create an Advanced Admin Control Panel in Blogger,blogger tutorial,blogging tips and tricks
more post for U:
Easily create A profesional website by blogger(part-1)how to create blog
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 to Add an Admin Control Panel in BloggerHow to create an "Admin Control Panel" in your Blogger template,How to Create an Advanced Admin Control Panel in Blogger,blogger tutorial,blogging tips and tricks
more post for U:
Easily create A profesional website by blogger(part-1)how to create blog
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 trythis
<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=XXXXXXXXXXXXXXXXXXits your blogger id.hope all enjoy this post.thnaks.
No comments:
Leave A Comment