Добавление панели админа в Blogspot (blogger)

Как известно,при использовании стандартного шаблона Блогспот сверху висит навбар,такая панелька быстрого доступа к функциям администратора блога.Выглядит она не очень,да и может быть вредна из-за кнопки "Пометить блог как говносайт",поэтому знающие люди этот админ-бар убирают простым кодом в список стилей:
#navbar-iframe{display:none !important;}
Или можно его насмерть удалить добавив после </head> или перед <body>скрипт:

&lt;script type='text/javascript'&gt;
&lt;![CDATA[ 
&gt;!-- 
/*&lt;body&gt;*/ 
--&gt; 
]]&gt; 
&lt;/script&gt;

А потом подтвердить удаление виджета навбара.(скрипт также удаляет кнопки быстрого редактирования постов и виджетов)
Но навбар же можно сделать как виджет и он будет виден только администратору блога,то есть вам.Выглядит это примерно так:
Красиво? Даже немного жаль что такую красоту никто не увидит :)

Вот решение.
Добавляем виджет HTML/JavaScript и вставляем этот код:
<span class="notranslate item-control blog-admin pid-###">

&lt;ul class="adminbar"&gt; 
&lt;li&gt;&lt;a class="dashboard" href="http://www.blogger.com/home" target="_blank"&gt;Панель блоггер&lt;/a&gt;&lt;/li&gt; 
&lt;li&gt;&lt;a class="settings" href="http://www.blogger.com/blog-options-basic.g?blogID=###" target="_blank"&gt;Настройки&lt;/a&gt;&lt;/li&gt; 
&lt;li&gt;&lt;a class="layout" href="http://www.blogger.com/rearrange?blogID=###" target="_blank"&gt;Дизайн&lt;/a&gt;&lt;/li&gt; 
&lt;li&gt;&lt;a class="editpost" href="http://www.blogger.com/post.g?blogID=###" target="_blank"&gt;Изменить пост&lt;/a&gt;&lt;/li&gt; 
&lt;li&gt;&lt;a class="newpost" href="http://www.blogger.com/post-create.g?blogID=###" target="_blank"&gt;Новый пост&lt;/a&gt;&lt;/li&gt; 
&lt;/ul&gt;</span>

Теперь надо заменить ### своими циферками.Свой blogID блога можно найти в адресной строке виджета и браузера. pid можно найти,если с главной посмотреть исходный код страницы.Ссылки можно дополнить своими.
К стилям в шаблоне добавьте СSS:
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:12px;
}
    ul.adminbar li a
    {      display:block;
        color:#888888 !important;
        text-shadow:1px 1px 0 #FFFFFF;
        text-decoration:none;
        font-size:22px;
        height:27px;
        margin:0 0 0 15px;
    }
    a.dashboard
    {      background:url(http://i54.tinypic.com/9iseuw.jpg) no-repeat 0px 0px;
        padding:4px 0 2px 47px;
    }
        a.settings
    {      background:url(http://i56.tinypic.com/2hdofnt.jpg) no-repeat 0px 0px;
        padding:5px 0 0 47px;
    }
        a.layout
    {      background:url(http://i55.tinypic.com/2d8s4qw.jpg) no-repeat 0px 0px;
        padding:5px 0 0 47px;
    }
        a.editpost
    {      background:url(http://i54.tinypic.com/10gwpl5.jpg) no-repeat 0px 0px;
        padding:5px 0 0 47px;
    }
        a.newpost
    {      background:url(http://i54.tinypic.com/4ky1xi.jpg) no-repeat 0px 0px;
        padding:5px 0 0 47px;
    }

Картинки можно и свои применить.
В принципе украшательство в виде СSS можно и не вставлять,то получиться просто список ссылок,как у меня:
Где я взял этот код не помню,так что без авторства.


0 коммент.:

Отправить комментарий