Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Native HTML is the best SEO friendly!
Default Buttons
<a class="button" href="https://www.vietrick.com/" target="_blank">Default</a> <a class="button preview" href="https://www.vietrick.com/" target="_blank">Preview</a> <a class="button download" href="https://www.vietrick.com/" target="_blank">Download</a> <a class="button link" href="https://www.vietrick.com/" target="_blank">Link</a> <a class="button cart" href="https://www.vietrick.com/" target="_blank">Shop cart</a> <a class="button share" href="https://www.vietrick.com/" target="_blank">Share</a> <a class="button info" href="https://www.vietrick.com/" target="_blank">More info</a>
Default Preview Download Link Shop cart Share More info
Colored Buttons
<a class="button green" href="https://www.vietrick.com/" target="_blank">Default</a> <a class="button preview red" href="https://www.vietrick.com/" target="_blank">Preview</a> <a class="button download yellow" href="https://www.vietrick.com/" target="_blank">Download</a> <a class="button link purple" href="https://www.vietrick.com/" target="_blank">Link</a> <a class="button cart blue" href="https://www.vietrick.com/" target="_blank">Shop cart</a> <a class="button share orange" href="https://www.vietrick.com/" target="_blank">Share</a> <a class="button info dark" href="https://www.vietrick.com/" target="_blank">More info</a> <a class="button white preview" href="https://www.vietrick.com/" target="_blank">Preview</a>
Default Preview Download Link Shop cart Share More info Preview
Download Buttons
<a class="dl" href="https://www.vietrick.com/#" target="_blank">Lorem Ipsum is simply dummy text</a> <a class="dl" file-size="Light, Fast & Creative" href="https://www.vietrick.com/#" target="_blank">VTrick Creative Blogger</a> <a class="dl pdf" file-size="6.0 MB" href="https://www.vietrick.com/#pdf" target="_blank">VTrick Creative Blogger User Manual.pdf</a> <a class="dl zip" file-size="5.34 MB" href="https://www.vietrick.com/#zip" target="_blank">VTrick Creative Blogger.zip</a> <a class="dl media" file-size="326.1 MB" href="https://www.vietrick.com/#media" target="_blank">VTrick Creative Blogger Video</a> <a class="dl code" file-size="324.3 KB" href="https://www.vietrick.com/#code" target="_blank">VTrick Creative Blogger Source Code</a>
Lorem Ipsum is simply dummy text VTrick Creative Blogger VTrick Creative Blogger User Manual.pdf VTrick Creative Blogger.zip VTrick Creative Blogger Video VTrick Creative Blogger Source Code
Alert Boxes
<blockquote class='check'>Lorem Ipsum...</blockquote> <blockquote class='flag'>Lorem Ipsum...</blockquote> <blockquote class='warn'>Lorem Ipsum...</blockquote> <blockquote class='alert'>Lorem Ipsum...</blockquote> <blockquote class='star'>Lorem Ipsum...</blockquote>
Lorem Ipsum is not simply random text. It has roots in a piece of classical test link here too Latin literature from 45 BC, making it over 2000 years old.
Lorem Ipsum is not simply random text. It has roots in a piece of classical test link here too Latin literature from 45 BC, making it over 2000 years old.
Lorem Ipsum is not simply random text. It has roots in a piece of classical test link here too Latin literature from 45 BC, making it over 2000 years old.
Lorem Ipsum is not simply random text. It has roots in a piece of classical test link here too Latin literature from 45 BC, making it over 2000 years old.
Lorem Ipsum is not simply random text. It has roots in a piece of classical test link here too Latin literature from 45 BC, making it over 2000 years old.
Bordered Table
Firstname | Lastname | |
---|---|---|
John | Doe | john@example.com |
Mary | Moe | mary@example.com |
July | Dooley | july@example.com |
Contact Form
Syntax
<b>{contactForm}</b>
{contactForm}
Code Box
Simple <pre>
code
Default PRE $("#main-nav #s").focus(function());
Codebox syntax powered by Prism
Code box syntax with param: lang="js"
<pre lang="js">$("#main-nav #s").blur(function()...</pre>
👉 Result:
$("#main-nav #s").blur(function() {
if (0 === this.value.length) this.value = c;
});
$("#main-nav #s").focus(function() {
if (this.value === c) this.value = "";
});
Code box syntax with param: lang=""
<pre lang="">$("#main-nav #s").blur(function()...</pre>
Result:
$("#main-nav #s").blur(function() { if (0 === this.value.length) this.value = c; });
$("#main-nav #s").focus(function() { if (this.value === c) this.value = ""; });
Code box syntax with param: lang="css"
.bi::before {
display: inline-block;
content: "";
vertical-align: -.125em;
background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z' clip-rule='evenodd'/></svg>");
background-repeat: no-repeat;
background-size: 1rem 1rem;
}
Colored Buttons shortcode là gì vậy ạ?
Bạn thử shortcode sau nhé:
<a href="https://www.vietrick.com/" rel="nofollow" target="_blank">{getButton} $text={Download} $icon={download} $color={#2980b9}</a>
View-source để xem thêm nhiều shortcode khác.
Anh thêm nút icon CH Play giúp e.
Table of contents html?
yes Table of contents html? need
https://www.nguyenhoangdat.xyz/2022/02/share-code-tao-bang-cho-blogger.html
sensational
Dùng cái này sao z ad
I would like you to add the accordion to the posts
short code chứa hmtl thì viết sao
deneme
Hi
Bordered Table Html code please 🙏❤️
<div class='table'>
<table style='white-space:nowrap; min-width:100%;'>
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr>
<tr>
<td>Garrett Winters</td>
<td>Accountant</td>
<td>Tokyo</td>
<td>63</td>
<td>2011/07/25</td>
<td>$170,750</td>
</tr>
<tr>
<td>Ashton Cox</td>
<td>Junior Technical Author</td>
<td>San Francisco</td>
<td>66</td>
<td>2009/01/12</td>
<td>$86,000</td>
</tr>
<tr>
<td>Cedric Kelly</td>
<td>Senior Javascript Developer</td>
<td>Edinburgh</td>
<td>22</td>
<td>2012/03/29</td>
<td>$433,060</td>
</tr>
<tr>
<td>Airi Satou</td>
<td>Accountant</td>
<td>Tokyo</td>
<td>33</td>
<td>2008/11/28</td>
<td>$162,700</td>
</tr>
</tbody>
</table>
</div>
Not Work Code Box
teste