html - 如何使博客中的一段 HTML 仅对管理员可见?
问题描述
我想在我的博客中添加一个控制面板,我在这里找到了这个:
<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='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#editor/src=sidebar"' rel='nofollow'>New Post</a></li>
<li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#editor/target=page"' rel='nofollow'>New Page</a></li>
<li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#posts"' rel='nofollow'>All Posts</a></li>
<li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#comments"' rel='nofollow'>Comments</a></li>
<li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#pageelements"' rel='nofollow'>Layout</a></li>
<li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#templatehtml"' 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='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#basicsettings"' rel='nofollow'>Settings</a></li>
<li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#overviewstats"' rel='nofollow'>Stats</a></li>
<li><a href='http://www.blogger.com/logout.g'>Logout</a></li>
</ul>
</div>
</span>
我在我的博客主题下添加了它,body
但小工具总是隐藏的,有没有办法让它只对管理员可见?
解决方案
对于 v2 模板blog-admin
,由于标签上存在类,上述代码应按预期工作span
。display:block
仅当管理员访问博客时,此元素才将 CSS 设置为。这是使用 Blogger 自动添加到每个博客的以下动态 CSS 文件来实现的(确定访问者是否为管理员的授权发生在幕后,我们不必担心)。
https://www.blogger.com/dyn-css/authorization.css?targetBlogID=XXXXX&zx=XXXXX
在某些情况下,模板创建者通过替换 -
</head>
和
<!--
</head>
--> </head>
在这些情况下,您必须撤消这些步骤以确保加载动态 CSS。
v3 主题默认不支持快速编辑功能。
因此,手动将动态 CSS 添加到代码中将使事情正常进行 -
<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6752007275128684588&zx=2f99e9cb-69f3-46cb-b0cf-85ae799dfa91' rel='stylesheet'/>
targetBlogID
查询参数需要设置为您的 BlogIDzx
查询参数是一个自动生成的参数(并且可能负责授权)
推荐阅读
- python - 在 Python 中使用 re 模块替换两个字符串中的所有标点符号来比较它们?
- java - 从 URL 读取数据的问题
- docker - Asp.net Core 网站图标在 docker 中缺少托管
- javascript - 如何在 ES 2017 中链接异步函数的返回值?
- julia - Interact.jl 错误:未定义 WebIOServer
- html - 使用 BeautifulSoup 从 HTML 中提取几个“下一个兄弟姐妹”
- javascript - 错误类型错误:无法读取未定义的属性“first_name”
- python - 如何顺序打开顶层窗口?
- gruntjs - Melon.js Space Invaders Project - Grunt 配置正在清除资源文件
- c++ - 将结构添加到地图中