Как сделать кусок HTML в блоггере видимым только для администраторов?

Question

Я хочу добавить панель управления в свой блог, я нашел это здесь :

<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 expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#editor/src=sidebar&quot;' rel='nofollow'>New Post</a></li>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#editor/target=page&quot;' rel='nofollow'>New Page</a></li>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#posts&quot;' rel='nofollow'>All Posts</a></li>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#comments&quot;' rel='nofollow'>Comments</a></li>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#pageelements&quot;' rel='nofollow'>Layout</a></li>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#templatehtml&quot;' rel='nofollow'>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 expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#basicsettings&quot;' rel='nofollow'>Settings</a></li>
<li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#overviewstats&quot;' rel='nofollow'>Stats</a></li>
<li><a href='http://www.blogger.com/logout.g'>Logout</a></li>
</ul>
</div>
</span>

Я добавил его под body темы моего блога, но гаджет всегда скрыт, есть ли способ сделать его видимым только для администратора?

Answer 1

Для шаблонов v2 приведенный выше код должен работать должным образом из-за присутствия класса blog-admin в теге span.Для этого элемента CSS установлен на display:block только , когда администратор посещает блог.Это достигается с помощью следующего динамического файла CSS, который Blogger автоматически добавляет в каждый блог (разрешение на выяснение, является ли посетитель администратором или нет, происходит за кулисами, и нам не нужно об этом беспокоиться).

https://www.blogger.com/dyn-css/authorization.css?targetBlogID=XXXXX&zx=XXXXX

В некоторых случаях создатели шаблонов предотвращают загрузку этого динамического файла CSS (вероятно, потому что этот файл CSS никогда не кэшируется и, безусловно, выигрыш в скорости, даже если он минимальный), заменяя -

</head>

на

<!-- 
</head>
--&gt; &lt;/head&gt;

В этих случаях вам придется отменить шаги, чтобы убедиться, что загружается динамический CSS.

---

Для тем v3 ,функция быстрого редактирования не поддерживается по умолчанию.

Следовательно, ручное добавление динамического CSS в код сделает работу -

<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6752007275128684588&amp;zx=2f99e9cb-69f3-46cb-b0cf-85ae799dfa91' rel='stylesheet'/>

• targetBlogIDПараметр запроса должен быть установлен в свой BlogID
• zx Параметр запроса является автоматически сгенерированным параметром (и, вероятно, отвечает за авторизацию)