如何制作Tumblr Banner链接到网站?

时间:2013-05-12 16:01:52

标签: html tumblr banner

我知道这个问题已被提出,但我认为我所看到的HTML是以一种奇怪的格式编写的。我已经查看了这个帖子:How do I make my banner in tumblr link to another site?,但它没有用,因为“a href”位只是缺失了。

<div class="header">

{block:IfHeaderImage}<img style="{block:IndexPage}width:520px;{block:IndexPage} {block:PermalinkPage}width:500px;{/block:PermalinkPage} overflow:hidden; float:left; padding-bottom:15px;" src="{image:header}" {/block:IfHeaderImage}

<div class="blogtitle"{Title}</div>

<div style="text-align:right;">

</div></div>

<div style="padding-top:15px;"><div id="content">

由于它缺少“a href”部分,我不知道在哪里放置链接。有人可以帮忙吗?

3 个答案:

答案 0 :(得分:0)

此处:,将#更改为哪个链接。

<a href="#">
<div class="header">

{block:IfHeaderImage}<img style="{block:IndexPage}width:520px;{block:IndexPage} {block:PermalinkPage}width:500px;{/block:PermalinkPage} overflow:hidden; float:left; padding-bottom:15px;" src="{image:header}" {/block:IfHeaderImage}

<div class="blogtitle"{Title}</div>

<div style="text-align:right;">

</div></div>
</a>

<div style="padding-top:15px;"><div id="content">

答案 1 :(得分:0)

<div class="blogtitle"><a href="yournontumblr.url">{Title}</a></div>

将链接放在div中。

{word}&lt; - 此符号用于tumblr以调用用户定义的各种页面元素。它基于PHP,如果我没有弄错的话。 {Title}是您在内容管理系统/仪表板中定义的内容。

希望清除它。

答案 2 :(得分:0)

假设在tumblr自定义菜单中,您已将标题图像上传到标题,并在Tumblr自定义菜单中选中 IfHeaderImage 选项:

{block:IfHeaderImage}<a href="INSERTURLHERE"><img style="{block:IndexPage}width:520px;{block:IndexPage} {block:PermalinkPage}width:500px;{/block:PermalinkPage} overflow:hidden; float:left; padding-bottom:15px;" src="{image:header}" /></a>{/block:IfHeaderImage}

链接标记<a href ... >环绕img标记,将该图像呈现为链接。将INSERTURLHERE更改为您要链接到的站点的URL。

否则,如果您决定不使用标题图像,则gersande的方法可以正常工作。