我有一个博客博客（位于http://www.samyoung.co.nz/search），并且在向博客页面添加内容时遇到了问题。我是一个初级的编码员，请保持温柔。
我想说明一个博客文章，其中包含指向Google趋势图的链接，其中Google趋势为我提供了以下代码：
<script type="text/javascript" src="https://ssl.gstatic.com/trends_nrtr/1480_RC02/embed_loader.js">
</script>
<script type="text/javascript"> trends.embed.renderExploreWidget("TIMESERIES", {"comparisonItem":[{"keyword":"gender diversity","geo":"","time":"2004-01-01 2018-07-03"}],"category":0,"property":""}, {"exploreQuery":"date=all&q=gender%20diversity","guestPath":"https://trends.google.com:443/trend/embed/"});
</script>
但是，当我将这段代码简单地粘贴到我正在撰写和发布的博客文章的html标签中时，我只会在结果文章中得到几行空白。我尝试使用最新版本的Chrome和Firefox进行查看，但都没有空白。
我删除了该帖子。我在Google上搜索时发现，有一篇文章建议添加HTML / Javascript小工具以帮助Google趋势代码正常工作。
但是，当我进入Blogger中的“页面布局”时，虽然已经在侧边栏中的博客帖子模块旁边加载了几个HTML / JavaScript小工具，但是我看不到任何将HTML / JavaScript小工具添加到页面工具中的方法。博客文章页面本身。如果我单击“博客文章”部分上的编辑超链接，则似乎没有任何小工具列表被添加到博客文章的正文中。页面上显示的内容只有构建块，例如注释，作者姓名等。
我可能会在错误的位置添加所需的小工具，但是如果是这样，很抱歉，我不知道应该在哪里添加该小工具。
是否有人可以（a）建议我修改代码，使其可以在博客博客中使用，或者（b）建议如何向页面的页面布局添加更合适的HTML / JavaScript小工具， Blogger博客文章？