SHORTCODE

Ini adalah shortcode untuk template SEOPRO Premium, atas adalah display nya dan dibawahnya adalah kode html berikut..

Default Buttons 
<a href="https://www.templateify.com/" rel="nofollow" target="_blank" class="button btn">Default Button</a>

<a href="https://www.templateify.com/" rel="nofollow" target="_blank" class="button btn preview">Preview</a>

<a href="https://www.templateify.com/" rel="nofollow" target="_blank" class="button btn download">Download</a>

<a href="https://www.templateify.com/" rel="nofollow" target="_blank" class="button btn link">Visit a Link</a>

<a href="https://www.templateify.com/" rel="nofollow" target="_blank" class="button btn cart">Buy Now</a>

<a href="https://www.templateify.com/" rel="nofollow" target="_blank" class="button btn share">Share</a>

<a href="https://www.templateify.com/" rel="nofollow" target="_blank" class="button btn info">More Info</a>

Colored Buttons

Colored Button Preview Download Visit a Link Buy Now More Info

<a href="https://www.templateify.com/" rel="nofollow" target="_blank" class="button btn colored-button" style="background-color:#16a085;">Colored Button</a>

<a href="https://www.templateify.com/" rel="nofollow" target="_blank" class="button btn preview colored-button" style="background-color:#27ae60;">Preview</a>

<a href="https://www.templateify.com/" rel="nofollow" target="_blank" class="button btn download colored-button" style="background-color:#2980b9;">Download</a>

<a href="https://www.templateify.com/" rel="nofollow" target="_blank" class="button btn link colored-button" style="background-color:#8e44ad;">Visit a Link</a>

<a href="https://www.templateify.com/" rel="nofollow" target="_blank" class="button btn cart colored-button" style="background-color:#f39c12;">Buy Now</a>

<a href="https://www.templateify.com/" rel="nofollow" target="_blank" class="button btn share colored-button" style="background-color:#e74c3c;">Share</a>

<a href="https://www.templateify.com/" rel="nofollow" target="_blank" class="button btn info colored-button" style="background-color:#34495e;">More Info</a>

Alert Boxes

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. 

<div class="alert-message alert-success">
YOU TEXT HERE</div>

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. 

<div class="alert-message alert-info">
YOU TEXT HERE</div>

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. 

<div class="alert-message alert-warning">
YOU TEXT HERE</div>

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. 

<div class="alert-message alert-error">
YOU TEXT HERE</div>


Bordered Table

Firstname Lastname Email
John Doe john@example.com
Mary Moe mary@example.com
July Dooley july@example.com 

<table>    <thead>
<tr>        <th>Firstname</th>        <th>Lastname</th>        <th>Email</th>      </tr>
</thead>    <tbody>
<tr>        <td>John</td>        <td>Doe</td>        <td>john@example.com</td>      </tr>
<tr>        <td>Mary</td>        <td>Moe</td>        <td>mary@example.com</td>      </tr>
<tr>        <td>July</td>        <td>Dooley</td>        <td>july@example.com</td>      </tr>
</tbody>  </table>

Contact Form

Contact Form


<div class="widget-title"><h3 class="title">Contact Form</h3></div>
<div class="widget-content contact-form-widget">
<div class="form">
<form name="contact-form">
<input ariby="Name" class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="Name" size="30" type="text" value="">
<input ariby="Email *" class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="Email *" size="30" type="text" value="">
<textarea ariby="Message *" class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message *" rows="5"></textarea>
<input class="contact-form-button btn contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send">
<p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></p>
<p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p>
</form>
</div>
</div>
</div></div>

Code Box


<pre>YOU CODE HERE</pre>

Youtube Shortcode

<div>
  <style>
    .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  </style>
  <div class="embed-container" style="text-align: center;">
    <iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/A4DrhwVfcsY"></iframe>
  </div>
</div>

*

Catat Ulasan (0)