分享按钮不会出现在主页上

Question

我在博客中编码的共享按钮出现问题，博客的网址如下 - http://www.blankesque.com。除了存档页面，搜索页面，标签页面以及重要的主页之外，这些图标完美地显示了我将它们编码为出现在博客上的其他位置 - 标签页，帖子页面等。我在编码上没有任何条件标签，因为共享按钮只出现在某些页面中。

我很怀疑我为共享按钮编码的边距和填充值是否可能在此中起作用，但即使我在很多场合调整了值，问题仍然非常明显。

我正在使用的html和css编码如下：

<div class='sharebtns'>
<a class='twitter' expr:href='&quot;https://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Tweet This'><img alt='Tweet This' border='0' height='25px' src='http://i1379.photobucket.com/albums/ah140/mynamesiram/Mobile%20Uploads/A036F9A7-1B42-42A6-9DF4-29FE498F231D_zpshfhfvks2.jpg' width='25px'/></a>
<a class='email' expr:href='&quot;mailto:?subject=&quot; + data:post.title + &quot;&amp;body=&quot; + data:post.url' rel='nofollow' target='_blank' title='Share Via Email'><img alt='Share Via Email' border='0' height='25px' src='http://i1379.photobucket.com/albums/ah140/mynamesiram/Mobile%20Uploads/45AA973D-D8A1-4FAE-A31A-138DA7CB8443_zpsteklwczz.jpg' width='25px'/></a>
<a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share This On Facebook'><img alt='Facebook Share' border='0' height='25px' src='http://i1379.photobucket.com/albums/ah140/mynamesiram/Mobile%20Uploads/234A9CED-06E8-4D0B-8377-A64D92B082A1_zpsbexuli8g.jpg' width='25px'/></a>
<a class='comment-form' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick.com' title='comment-form'><img alt='comment-form' border='0' height='25px' src='http://i1379.photobucket.com/albums/ah140/mynamesiram/Mobile%20Uploads/48123A9F-FE25-4669-982E-36385779DACB_zpskf0c60io.jpg' width='25px'/></a>
 </div>
<style>
.sharebtns {
text-align: center;
margin: 8% 0% 6% 0%;
}
.sharebtns a {
padding: 0px 20px;
}
.sharebtns a:hover {
opacity: 0.2;
filter: alpha(opacity=20);
}
</style>

非常感谢在这方面的任何帮助。