Use simple HTML markup to display a widget.
Categories widget
HTML markup:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
<section class="widget"> <div class="widget-inner"> <h4 class="widget-title ct-u-font1 ct-u-paddingBottom10">categories</h4> <ul class="ct-u-font2 text-center"> <li><a href="blog-single.html">announcing</a></li> <li><a href="blog-single.html">news</a></li> <li><a href="blog-single.html">photography</a></li> <li><a href="blog-single.html">press</a></li> <li><a href="blog-single.html">uncategorized</a></li> </ul> </div> </section> *Popular posts* ( http://prntscr.com/68un6l ) <pre> <section class="widget text-left"> <h4 class="widget-title ct-u-font1 ct-u-paddingBottom5">popular posts</h4> <article class="ct-blogItem"> <div class="ct-blogItem ct-innerMargin"> <div class="ct-blogItem ct-entryMetaPost"> <span class="ct-blogItem ct-entryDate">oct 22, 2104</span> </div> </div> <h4 class="ct-entryPost ct-u-font2"> <a href="blog-single.html">jim and nick's and the fatback coll...</a> </h4> </article> <article class="ct-blogItem"> <div class="ct-blogItem ct-innerMargin"> <div class="ct-blogItem ct-entryMetaPost"> <span class="ct-blogItem ct-entryDate">oct 22, 2104</span> </div> </div> <h4 class="ct-blogItem ct-entryPost ct-u-font2"> <a href="blog-single.html">drinking pappy under the live oaks</a> </h4> </article> <article class="ct-blogItem"> <div class="ct-blogItem ct-innerMargin"> <div class="ct-blogItem ct-entryMetaPost"> <span class="ct-blogItem ct-entryDate">oct 22, 2104</span> </div> </div> <h4 class="ct-blogItem ct-entryPost ct-u-font2"> <a href="blog-single.html">hanging out with david cross and t...</a> </h4> </article> </section> |