Browse Source

Add MailChimp newsletter form in the sidebar

Talha Mansoor 12 years ago
parent
commit
e6c14775dd
3 changed files with 44 additions and 2 deletions
  1. 19 0
      static/css/style.css
  2. 22 0
      templates/article.html
  3. 3 2
      templates/base.html

+ 19 - 0
static/css/style.css

@@ -317,3 +317,22 @@ ul.list-all-articles li time {
 ul.top-menu li a {
     font-weight: bold;
 }
+
+/* MailChimp */
+#mc_embed_signup {
+    font-size:inherit;
+    font-family:inherit;
+    margin:10px 0px;
+}
+
+#mc_embed_signup form {
+    padding:0px;
+}
+
+#mc_embed_signup input.button {
+    width: 100%
+}
+
+#mc_embed_signup input.email {
+    width:100%;
+}

+ 22 - 0
templates/article.html

@@ -82,6 +82,28 @@
                 {% endfor %}
             </ul>
             {% endif %}
+
+            {% if MAILCHIMP_FORM_ACTION %}
+            {% if not EMAIL_SUBSCRIPTION_LABEL %}
+            {% set EMAIL_SUBSCRIPTION_LABEL='Email Newsletter' %}
+            {% endif %}
+            {% if not SUBSCRIBE_BUTTON_TITLE %}
+            {% set SUBSCRIBE_BUTTON_TITLE='Subscribe' %}
+            {% endif %}
+            {% if not EMAIL_PLACEHOLDER %}
+            {% set EMAIL_PLACEHOLDER ='email address' %}
+            {% endif %}
+            <!-- Begin MailChimp Signup Form -->
+<div id="mc_embed_signup">
+    <form action="{{ MAILCHIMP_FORM_ACTION }}" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+        <label for="mce-EMAIL">{{ EMAIL_SUBSCRIPTION_LABEL }}</label>
+        <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="{{ EMAIL_FIELD_PLACEHOLDER }}" required>
+        <div class="clear"><input type="submit" value="{{ SUBSCRIBE_BUTTON_TITLE }}" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
+</form>
+</div>
+
+<!--End mc_embed_signup-->
+{% endif %}
         </div>
         </section>
     </div>

+ 3 - 2
templates/base.html

@@ -18,9 +18,10 @@
         {% endif %}
         <title>{% block title %}{{ SITENAME|striptags }}{% endblock title %}</title>
         {% block head_links %}
+        <link href="http://cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
         <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">
-        <link rel="stylesheet" type="text/css" href="{{ SITEURL }}/theme/css/style.css" media="screen"/>
-        <link rel="stylesheet" type="text/css" href="{{ SITEURL }}/theme/css/solarizedlight.css" media="screen"/>
+        <link rel="stylesheet" type="text/css" href="{{ SITEURL }}/theme/css/style.css" media="screen">
+        <link rel="stylesheet" type="text/css" href="{{ SITEURL }}/theme/css/solarizedlight.css" media="screen">
         {% endblock head_links %}
     </head>
     <body>