How to Add an Admin Control Panel in Blogger

Helplogger Home Blog DesignWidgets SEO Menus Po ... How to Add an Admin Control Panel in Blogger 11 comments A while ago I've posted some tutorials on how you can remove the Blogger Navbaror add a Peek A Boo Effectso that it would show only when we mouse over on top of our page. However, customizing or removing the Blogger Navbar also has its downside because the admin links for "New post", "Customize" and "Log Out" will be no longer visible and navigating through the blog functions could be really frustrating sometimes. When the navbar is visible, blog administrators can easily create a new post or customize their template with just one click; however, when the navbar is hidden, many more clicks are required to access the Blogger dashboard panel again. So in this tutorial, we'll see how to add an "Admin Control Panel" menu with many cool additions such as: - access to the Blogger's Homepage - create a New Page or Post - view all your posts - read your comments - access the Blog's layout to add or rearrange gadgets - edit the HTML of your Template - refresh current page or post - open a new tab with your blog's homepage - access the blog' settings - view your stats - ...and finally, log out We will put all these options on the top of your page as a menu and we will make it visible only to the administrator of the blog, so our blog visitors will not be able to see it. The result will be something like this: Getting the Blog IDThe first thing we need to do is get the ID of our blog by clicking on any option from our Blog Dashboard, for exampleSettings. Once we have clicked there, take a look at the address bar in your browser: Within the URL you will notice a string like this: blogID=XXXXXXXXXWhere XXXXXXXXX is the unique identifier (ID) for your blog. Copy the ID for the blog you wish to work with so we can add this in the links for your admin control panel. Adding the admin control panel to Blogger template The Admin Control Panel will only be visible when the blog author is logged in. It is invisible to blog readers, similar to the Edit post/widget pencil icons which are only visible to you while you are logged in. To add the control panel to your Blogger template, follow the steps below: Step 1. Go toTemplateand click on theEdit HTMLbutton: Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the Blogger' search box Step 3.Paste this line inside the search box then hit Enter to find it: Note: if you can't find this line, try to find thetag. Step 4.Just below this line, add the following code:

• My Blogs
• New Post
• New Page
• All Posts
• Comments
• Layout
• Edit HTML
• Refresh
• New Tab
• Settings
• Stats
• Logout

ChangeXXXXXXXXXXXXXwith your unique Blog ID previously copied, and be careful not to delete anything, like quote or any other character. Step 4.Click on theSave templatebutton to save the changes. Now take a look at your blog. While you are logged in to Blogger, you should notice your control panel appear on top of your blog. Enjoy! With this admin control panel for Blogger you can easily access the functions of the blog and you will not have to always open your blog page and the Blogger homepage at the same time. Like 3 Random Posts How to remove/delete labels from Blogger posts27/02/2012 - 32 Comments How to add go to top and go to bottom buttons Using jQuery in Blogger06/03/2013 - 33 Comments Add Keyboard Keys Effect To Your Text in Blogger with CSS23/10/2013 - 1 Comments Related Posts: Understanding the Page Elements of ... How to Add Neat CSS3 Dropdown Menu ... jQuery Sliding Panel with Expanding... How to Add an Admin Control Panel i... Vertical drop down menu with jQuery 11 comments: සෙන්නා 1/17/2014 wow.... its works nicely.. many thanks mate... Reply Rey Malhotra 1/18/2014 its not workin for me :( Reply أبو أدم المغربي 1/18/2014 thanks ajyal http://ajyal- s.blogspot.com/ Reply Cerwenlloyd Gefjun 1/18/2014 this is necessary to all bloggers who want to add some spice in their blogs. Reply Kwadwo Boadu 1/19/2014 that's so cool is working thanks a lot Reply Emonde Uk 1/21/2014 Yup it works really nice super tips thanks a lot. I have applied it for http://emondeuk.blog spot.com/ Now it show the control panel at top of blog when singed in. Thanks a lot Reply Anonymous 1/29/2014 Thx Reply Kiki Dee 1/29/2014 interesting, that's a nice trick... thank you for sharing Reply portali sportnet 2/08/2014 Good Idea :D Reply Ankit Kapoor 2/09/2014 This widget is superb nice widget and your blog is best blog for Blogger Widgets.... Thanks for help bro : my blog - http://hdwallwide.blogsp ot.in (Please Connect with me on Facebook bro http://facebook.com /ankitisrock ) Reply Ace Halili 3/07/2014 awsome//thanks dude.. Reply Add comment Comment as: Sign out Notify mePublishPreview Privacy Policy| Disclaimer| Terms of Service| Sitemap Back to Top DMCA PROTECTED Search Search Follow on Facebook Helplogger Like 2,775 people like Helplogger . Facebook social plugin Follow on Blogger Subscribe via Email Receive Quality Tutorials Straight in your Inbox by submitting your Email below. Submit Or subscribe via RSS Feed Recent Posts How to Add Numbered Page Navigation Widget for Blogger 5 Easy Ways to Improve the SEO of a blog & Boost Traffic What is the difference between padding and margins? Add a Custom jQuery Lightbox To Blogger How to Use Cookies in Javascript Recent Comments Joseph V M Hi, I've added pagination to my blog... dara king good Mel Ancheta You did it finally, thanks admin (: sorry for my late reply... Sandra Harriette It never ceases to amaze just how much we can do with Blogger.... Gabor Sziladi One question i still have...how can i keep distance between my... Popular Posts Simple Recent Posts Widget for Blogger/Blogspot Create A Rollover Image Effect (change image on mouseover) Recent Comments Widget For Blogger How to remove Blogger Picture/Image Shadow and Border Hide/Show Widgets /Gadgets in Home/post /static/archive pages in Blogger 3 Like