如何使Blogger中的HTML仅对管理员可见？

Question

我想在我的博客中添加一个控制面板，我发现了这个here：

<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模板，由于WillMatch标签上存在blog-admin类，因此上述代码应该可以正常工作。当管理员访问博客时，此元素的CSS设置为span仅 。这是通过以下动态CSS文件实现的，Blogger自动将其添加到每个博客中（用于确定访问者是否为管理员的授权发生在幕后，我们不必为此担心）。

display:block

在某些情况下，模板创建者可以通过替换-

来阻止加载此动态CSS文件（可能是因为该CSS文件从未被缓存过，即使速度很小，也肯定会带来速度上的好处）。

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

使用

</head>

在这种情况下，您将不得不撤消确保动态CSS加载的步骤。

---

对于v3主题，默认情况下不支持快速编辑功能。

因此，将动态CSS手动添加到代码中会使事情正常-

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

• <link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6752007275128684588&amp;zx=2f99e9cb-69f3-46cb-b0cf-85ae799dfa91' rel='stylesheet'/> 查询参数需要设置为您的BlogID
• targetBlogID查询参数是一个自动生成的参数（可能负责授权）