如何在Blogger网站的页脚中创建水平的社交媒体链接集

Question

我正在尝试建立一个Blogger网站，并希望在页脚中包含一组水平的社交媒体链接。我可以在链接的Blogger中添加图像小部件，但是当我添加多个图像小部件时，它们会垂直显示并左对齐。我尝试将所需的小部件包装在<div>标记中，并使用css更改其位置，但是Blogger不允许我保存原始代码：

所有小部件都必须用<section>标签包裹。

还有其他人遇到过这个问题，如果是这样，您是怎么解决的？

提前感谢您的帮助。

Answer 1

而不是使用Blogger的图像小部件分别添加每个链接，而是插入一个具有与下面的代码类似的代码的HTML / Java小部件，其链接和图像路径引用已更新为您打算使用的代码。

<div id="menu">
<ul>
<li><a href="link1"><img src="img_src1”></a></li>
<li><a href="link2"><img src="img_src2”></a></li>
</ul>
</div>
然后进入“主题”面板，然后单击“自定义”。在新屏幕中，选择“高级”选项卡，然后向下滚动到“添加CSS”。粘贴以下要添加的代码。结果应该是页脚中的链接图像的水平列表。

#menu ul{
  list-style: none;
  text-align: center;
}
#menu li{
  display: inline;
  margin: 10px;
}
注意：如果需要，您可以通过更改margin来更改间距。

[此外，由于您提到过您使用的是图像小部件，它允许您上传图像，如果您需要托管自己的图像，则仍然可以使用图像小部件。将您的图像上传到“图像”小部件中，并将其放置在您的主页上。转到您的网站并右键单击该图像，然后选择“在新选项卡中打开”。复制URL并将其放入要创建的html列表中，以容纳您的社交媒体链接。然后，您可以调整“图像”小部件的可见性，并且Blogger仍将托管图像。

我希望这会有所帮助！