输入表格不适用于我的tumblr博客

时间:2015-06-26 08:16:39

标签: html forms tumblr mailchimp

我有一个基于tumblr的网站 - here it is

无论我试图嵌入mailchimp注册表单,它都没有用。它只显示文本字段(电子邮件地址,姓名等),但根本没有输入表单。

最后我发现输入表单在我的博客上根本不起作用。即使我尝试从html备忘单复制/粘贴一些简单的绝对工作示例,或者甚至从另一个站点复制最简单的(所以我的错误没有涉及)我仍然只看到字段的名称而不是字段。

例如:

如果我将此代码粘贴到this page(它是实验页面)

<li>

我只看到文字&#34;名字&#34;和&#34;姓氏&#34; (正如您在页面上看到的那样)。但没有输入字段。虽然其他html和脚本工作得很好(另一个提交表单作为脚本完美地工作,但不幸的是mailchimp没有提供这种类型的表单)

这是颈部的真正痛苦!如果有人能帮到它,那真的很棒!

由于

1 个答案:

答案 0 :(得分:0)

我不确定是否可以在个人&#34;博客&#34;页面,但这是如何让它在主页上工作。

主要&#34;编辑主题&#34;页面,在最上方&#34;浏览主题&#34;你应该看到&#34;编辑HTML&#34;。

复制Mailchimp代码示例并粘贴到文本编辑器(如记事本)中。样本的最顶部看起来像这样:

<link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css">
<style type="text/css">
    #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
    /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
       We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>

剪切这部分代码并将其粘贴到主页的HTML中,就在第一个<status>代码之前。

然后将其余代码粘贴到HTML的主体中。我把我放在</header>标签之后。

这使得字段显示在以前他们不会的地方,但是&#34;订阅&#34;按钮仍然没有显示。

在代码的底部有一行以<div class="clear">开头。将其更改为<div class="show">

同样,不完全是我想要的,但它让我更接近我的解决方案。对你来说可能就足够了。