How to Add an Admin Panel in Blogger Blog

Tutorial about :- How to add an Admin Control Panel in Blogger Blog 
So in this post, we’ll Learn how to add an admin panel with many awesome additons such as :-

-access to the bloggers homepage
-creat a new post or post
-view all your posts
-blog’slayout or add or rearrange gadgets
-edit HTML or Template
-Refresh page or post
-open a new tab with your blog’s homepage
-blog setting
-stats (overview)
-and last :- log out!

How to Add an Admin Panel in Blogger Blog

Blogger AdminPanel 

1st we need to do is get the ID of your blog by clicking on any options from Our Blog Dashboard

Getting ID

withing the URL you will notice a string like above screenshot


XXXXXXXXX is the Unique ID of your blog.

Copy the ID for the blog You wish to work so we can add adminpanel

  • Add The AdminPanel To Blogger
  • Step – 1 

Go To Template –> Edit HTML button


  • Step – 2

Click anywhere inside the code area and press CTRL+F key to open the blogger search box

  • Step – 3

paste the line inside the search box then hit Enter to Find it

<body expr:class=’&quot;loading&quot; + data:blog.mobileClass’>

Note : if you can’t find this line, try to find <body> tag

  • Step – 4 

just below this link add the following code

<span class='item-control blog-admin'>
.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;}
<div class='control-panel'>
<li><a href=''>My Blogs</a></li>
<li><a href=''>New Post</a></li>
<li><a href=''>New Page</a></li>
<li><a href=''>All Posts</a></li>
<li><a href=''>Comments</a></li>
<li><a href=''>Layout</a></li>
<li><a href=''>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=''>Settings</a></li>
<li><a href=''>Stats</a></li>
<li><a href=''>Logout</a></li>

Change XXXXXXXXXXXXXXX with your Unique Blog Id Previously Copied and be careful not to delete anything
  • Step – 4

Now last click on the save template button to save changes!!

now take a look at your blog while you are logged in to blogger and you shoul notice that your adminpanel appear on top of blog Enjoy.


  1. business marketing February 7, 2016
  2. MarianaRRudo October 5, 2016

Leave a Reply