List ShortCode Untuk Templates SeoPro Premium v1.4
Blogger HTML
Posted by
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
Share
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 | |
|---|---|---|
| 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
<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
$("#main-nav #s").blur(function() {
if (0 === this.value.length) this.value = c;
});
$("#main-nav #s").focus(function() {
if (this.value === c) this.value = "";
});
<pre>YOU CODE HERE</pre>