如何为博客模板导航栏的 xml 循环中的不同链接添加不同的图标？答案

【问题标题】：How to add different icons for different links in xml loop for blogger template navbar?如何为博客模板导航栏的 xml 循环中的不同链接添加不同的图标？
【发布时间】：2018-08-04 08:58:24
【问题描述】：

我正在使用 font awesome 和 bootstrap 为博客模板创建社交图标栏。如何在以下 XML 循环中为不同的链接添加不同的图标？

 <b:loop values='data:links' var='link'>                    
<li><a expr:href='data:link.target'><i class=' fa fa-facebook fa-lg'/><data:link.name/></a></li>

此循环添加链接，但所有社交媒体链接的图标都相同。

【问题讨论】：

数据从何而来，如何将其放入循环中？

标签： xml loops templates font-awesome blogger

【解决方案1】：

<b:loop values='data:links' var='link'>                    
  <li>
    <a expr:href='data:link.target'>
      <i expr:class='"fa fa-lg fa-" + data:link.name'/>
    </a>
  </li> 
</b:loop>

【讨论】：