Гаджет – “Админ-панель" для Blogger

Гаджет – “Админ-панель" - это ещё один гаджет из категории - самое полезное для блога. Он предназначен для быстрого управление, а именно для перехода на страницу сообщений, комментариев, настройки, дизайна, статистике и т.д. Это что-то вроде мини-панель администратора в виде красивого и удобного виджета для вашего блога. Данный виджет состоит из CSS стилей и уже самого HTML кода. В коде - ссылки отображены в виде списка, где при желании  вы сами сможете при желании - добавить ещё одну дополнительную ссылку. Также, хочу отметить ещё одну важную деталь: в коде присутствует класс item-control blog-admin, который обозначает отображение определённого элемента только для администратора блога, на котором установлен виджет.

Добавляем Гаджет:
1) Заходим Панель управления Дизайн-Элементы страницы-Добавить гаджет-HTML/jvascript
2) В Содержание Гаджета - вставляем нижний код:

<style>
ul.adminbar
    {      background-color:#EEEEEE;
        border:1px solid #E6E8E9;
        margin-bottom:8px;
        padding:5px 5px 0;

    }
    ul.adminbar li {
        background-color:#FAFAFA;
        border:1px solid white;
        list-style:none outside none;
        margin-bottom:6px;
        outline:1px solid #DDDDDD;
        padding:3px;

}
    ul.adminbar li a
    {      display:block;
        color:#888888 !important;
        text-shadow:1px 1px 0 #FFFFFF;
        text-decoration:none;
        font-size:15px;
        font-family:candara;
        height:22px;
        margin:0 0 0 15px;
    }
    a.dashboard
    {      background:url(http://bloggerhelp.ru/uploads/demo/admin/home.png)  no-repeat 0px 0px;
        padding:5px 0 2px 33px;
    }
        a.newpost
    {      background:url(http://bloggerhelp.ru/uploads/demo/admin/newpost.png) no-repeat 0px 0px;
        padding:5px 0 0 33px;
    }
        a.editpost
    {      background:url(http://bloggerhelp.ru/uploads/demo/admin/editpost.png) no-repeat 0px 0px;
        padding:5px 0 0 33px;
    }
        a.editpage
    {      background:url(http://bloggerhelp.ru/uploads/demo/admin/editpage.png) no-repeat 0px 0px;
        padding:5px 0 0 33px;
    }
        a.comments
    {      background:url(http://bloggerhelp.ru/uploads/demo/admin/comments.png) no-repeat 0px 0px;
        padding:5px 0 0 33px;
    }
        a.settings
    {      background:url(http://bloggerhelp.ru/uploads/demo/admin/settings.png) no-repeat 0px 0px;
        padding:5px 0 0 33px;
    }
        a.layout
    {      background:url(http://bloggerhelp.ru/uploads/demo/admin/layout.png) no-repeat 0px 0px;
        padding:5px 0 0 33px;
    }
        a.stats
    {      background:url(http://bloggerhelp.ru/uploads/demo/admin/stats.png) no-repeat 0px 0px;
        padding:5px 0 0 33px;
    }
        a.exit
    {      background:url(http://bloggerhelp.ru/uploads/demo/admin/exit.png) no-repeat 0px 0px;
        padding:5px 0 0 33px;
    }
</style><span class="item-control blog-admin">
<ul class="adminbar">
<li><a class="dashboard" href="http://www.blogger.com/home" target="_blank">Панель инструментов</a></li>

<li><a class="newpost" href="http://www.blogger.com/blogger.g?blogID=0000000000000000000#editor" target="_blank">Создать сообщение</a></li>

<li><a class="editpost" href="http://www.blogger.com/blogger.g?blogID=0000000000000000000#allposts" target="_blank">Все Сообщения</a></li>

<li><a class="editpage" href="http://www.blogger.com/blogger.g?blogID=0000000000000000000#pages" target="_blank">Страницы</a></li>

<li><a class="comments" href="http://www.blogger.com/blogger.g?blogID=0000000000000000000#publishedcomments" target="_blank">Комментарии</a></li>

<li><a class="settings" href="http://www.blogger.com/blogger.g?blogID=0000000000000000000#basicsettings" target="_blank">Настройки</a></li>

<li><a class="layout" href="http://www.blogger.com/blogger.g?blogID=0000000000000000000#pageelements" target="_blank">Дизайн</a></li>

<li><a class="stats" href="http://www.blogger.com/blogger.g?blogID=0000000000000000000#overviewstats" target="_blank">Статистика</a></li>

<li><a class="exit" href="http://www.blogger.com/logout.g" target="_blank">Выйти</a></li></ul></span>

3) Вместо - 0000000000000000000 - вставляем ID вашего блога.(Дальше пример как узнать ID).
4) Для того чтобы узнать ID - нажимаем на кнопку "Создать новое сообщение" в вашем блоге.

5) Далее скопируйте ID вашего блога - с ссылки страницы на которой находитесь и вставте его в код Гаджет.

На этом все!
Этот Гаджет будет доступен,только человеку вошедшему на Blogger под Вашим Логином и паролем.

Мира и счастья Вам!

Источник