diff --git a/src/ablog/__init__.py b/src/ablog/__init__.py
index 15dbf36f..fb508748 100755
--- a/src/ablog/__init__.py
+++ b/src/ablog/__init__.py
@@ -91,6 +91,10 @@ def config_inited(app, config):
         )
     app.config.matched_blog_posts = matched_patterns
 
+    # Add ablog stylesheets to static_path.
+    static_path = os.path.abspath(os.path.join(os.path.dirname(__file__), "stylesheets"))
+    app.config.html_static_path.append(static_path)
+
 
 def builder_inited(app):
     if not isinstance(app.builder, StandaloneHTMLBuilder) or app.config.skip_injecting_base_ablog_templates:
diff --git a/src/ablog/stylesheets/ablog/tagcloud.css b/src/ablog/stylesheets/ablog/tagcloud.css
new file mode 100644
index 00000000..7a6d07eb
--- /dev/null
+++ b/src/ablog/stylesheets/ablog/tagcloud.css
@@ -0,0 +1,36 @@
+ul.ablog-cloud {
+  list-style: none;
+  overflow: auto;
+}
+
+ul.ablog-cloud li {
+  float: left;
+  height: 20pt;
+  line-height: 18pt;
+  margin-right: 5px;
+}
+
+ul.ablog-cloud a {
+  text-decoration: none;
+  vertical-align: middle;
+}
+
+li.ablog-cloud-1 {
+  font-size: 80%;
+}
+
+li.ablog-cloud-2 {
+  font-size: 95%;
+}
+
+li.ablog-cloud-3 {
+  font-size: 110%;
+}
+
+li.ablog-cloud-4 {
+  font-size: 125%;
+}
+
+li.ablog-cloud-5 {
+  font-size: 140%;
+}
diff --git a/src/ablog/templates/ablog/tagcloud.html b/src/ablog/templates/ablog/tagcloud.html
index e3ca32f5..3a9eb07c 100644
--- a/src/ablog/templates/ablog/tagcloud.html
+++ b/src/ablog/templates/ablog/tagcloud.html
@@ -1,5 +1,6 @@
 {% if ablog.tags %}
 <div class="ablog-sidebar-item ablog__tags">
+<link rel="stylesheet" href="{{ pathto('_static/ablog/tagcloud.css', 1) }}" type="text/css" />
 <h3><a href="{{ pathto(ablog.tags.path) }}">{{ gettext('Tags') }}</a></h3>
 <ul class="ablog-cloud">
   {% for coll in ablog.tags %}
diff --git a/src/ablog/templates/tagcloud.html b/src/ablog/templates/tagcloud.html
index 67592664..c6b3d87f 100644
--- a/src/ablog/templates/tagcloud.html
+++ b/src/ablog/templates/tagcloud.html
@@ -1,6 +1,7 @@
 {{ warning("tagcloud.html is an old template path, that is no longer used by ablog. Please use ablog/tagcloud.html instead.") }}
 {% if ablog.tags %}
 <div class="ablog-sidebar-item ablog__tags">
+<link rel="stylesheet" href="{{ pathto('_static/ablog/tagcloud.css', 1) }}" type="text/css" />
 <h3><a href="{{ pathto(ablog.tags.path) }}">{{ gettext('Tags') }}</a></h3>
 <ul class="ablog-cloud">
   {% for coll in ablog.tags %}