Shortcode

Image Caption

HTML<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdrRpO-3Mti79GBTCItirMIkZI0QuQi_46Xz12K5S1QBCdI4Qm3lr37tBsRWJ7O9b_nJVhpmxBczqSwHgMR9mcYD3smnrpgIFoKxEivSjdkCrAmPr7lwIOjb6wBETLLcCRb9I-10g3Koht/s1600/New+Light+Template+Documentation.jpg" style="margin-left: auto; margin-right: auto;"><img alt="New Light Template Documentation" height="346" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdrRpO-3Mti79GBTCItirMIkZI0QuQi_46Xz12K5S1QBCdI4Qm3lr37tBsRWJ7O9b_nJVhpmxBczqSwHgMR9mcYD3smnrpgIFoKxEivSjdkCrAmPr7lwIOjb6wBETLLcCRb9I-10g3Koht/s640/New+Light+Template+Documentation.jpg" style="border: none;" title="New Light Template Documentation" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Simplify Template Documentation</td></tr>
</tbody></table>

Preview:

Simplify Template Documentation

Youtube Responsive Video

HTML<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/yiv64_QMsd4">
</div>
</div>
</div>

Preview:

Button

HTML<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="http://blog.chamnhe.com/p/shortcode.html" target="_blank">DEMO</a></li>
<li><a class="download" href="http://blog.chamnhe.com/p/shortcode.html" target="_blank">DOWNLOAD</a></li>
</ul>
</div>

Preview:

Brand space

HTML
<div class="brand-title">
Ưu đãi đặc biệt  chỉ còn 680.000đ (giá gốc 1.500.000đ)</div>

Preview:

Ưu đãi đặc biệt chỉ còn 680.000đ (giá gốc 1.500.000đ)

Button with dashed

HTML
<div style="margin: 10px; text-align: center;">
<a class="button" href="https://goo.gl/c29s8P" onclick="window.open('https://goo.gl/c29s8P')" title="Đặt mua SCAR CLEARR - Kem trị sẹo rỗ hiệu quả | Cách trị sẹo rỗ trên mặt hiệu quả">Đặt mua ngay</a>
</div>

Preview:

Đặt mua ngay

List style

HTML
<div class="list-item"><i>1</i> List item 1</div>
    <div class="list-item"><i>2</i> List item 2</div>
    <div class="list-item"><i>3</i> List item 3</div>

Preview:

1 List item 1

2 List item 2

3 List item 3