Tag component for blogs.
The code to generate the component is this:
<div class="tagcloud tagcloud-default">
<ul>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">consectetur adipisicing elit</a></li>
</ul>
</div>
<div class="tagcloud tagcloud-large tagcloud-primary">
<ul>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">consectetur adipisicing elit</a></li>
</ul>
</div>
<div class="tagcloud tagcloud-alert">
<ul>
<li><a href="#">tag<span>20</span></a></li>
<li><a href="#">tag<span>20</span></a></li>
<li><a href="#">tag<span>20</span></a></li>
<li><a href="#">tag<span>20</span></a></li>
<li><a href="#">tag<span>20</span></a></li>
<li><a href="#">tag<span>20</span></a></li>
<li><a href="#">tag<span>20</span></a></li>
<li><a href="#">tag<span>20</span></a></li>
<li><a href="#">tag<span>20</span></a></li>
<li><a href="#">Lorem ipsum dolor sit amet<span>20</span></a></li>
<li><a href="#">tag<span>20</span></a></li>
<li><a href="#">tag<span>20</span></a></li>
<li><a href="#">tag<span>20</span></a></li>
<li><a href="#">tag<span>20</span></a></li>
<li><a href="#">tag<span>20</span></a></li>
<li><a href="#">tag<span>20</span></a></li>
<li><a href="#">tag<span>20</span></a></li>
<li><a href="#">tag<span>20</span></a></li>
<li><a href="#">tag<span>20</span></a></li>
<li><a href="#">consectetur adipisicing elit<span>20</span></a></li>
</ul>
</div>
<div class="tagcloud tagcloud-tooltip">
<ul>
<li><a href="#">tag</a><span>20</span></li>
<li><a href="#">tag</a><span>20</span></li>
<li><a href="#">tag</a><span>20</span></li>
<li><a href="#">tag</a><span>20</span></li>
<li><a href="#">tag</a><span>20</span></li>
<li><a href="#">tag</a><span>20</span></li>
<li><a href="#">tag</a><span>20</span></li>
<li><a href="#">tag</a><span>20</span></li>
<li><a href="#">tag</a><span>20</span></li>
<li><a href="#">Lorem ipsum dolor sit amet</a><span>20</span></li>
<li><a href="#">tag</a><span>20</span></li>
<li><a href="#">tag</a><span>20</span></li>
<li><a href="#">tag</a><span>20</span></li>
<li><a href="#">tag</a><span>20</span></li>
<li><a href="#">tag</a><span>20</span></li>
<li><a href="#">tag</a><span>20</span></li>
<li><a href="#">tag</a><span>20</span></li>
<li><a href="#">tag</a><span>20</span></li>
<li><a href="#">tag</a><span>20</span></li>
<li><a href="#">consectetur adipisicing elit</a><span>20</span></li>
</ul>
</div>
<div class="tagcloud tagcloud-label tagcloud-label-success">
<ul>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>Lorem ipsum dolor sit amet</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>consectetur adipisicing elit</span></a></li>
</ul>
</div>
<div class="tagcloud tagcloud-circle tagcloud-circle-danger">
<ul>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>Lorem ipsum dolor sit amet</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>tag</span></a></li>
<li><a href="#"><span>consectetur adipisicing elit</span></a></li>
</ul>
</div>