NEW !!JASA PEMBUATAN WEBSITE KERENKLIK DISINI

Fitur Template

KOLOM TABEL
Header Kolom 1
Header Kolom 2
Header Kolom 3
Baris 1 Kolom 1
Baris 1 Kolom 2
Baris 1 Kolom 3
Baris 2 Kolom 1
Baris 2 Kolom 2
Baris 2 Kolom 3
Baris 3 Kolom 1
Baris 3 Kolom 2
Baris 3 Kolom 3
Baris 4 Kolom 1
Baris 4 Kolom 2
Baris 4 Kolom 3
Baris 5 Kolom 1
Baris 5 Kolom 2
Baris 5 Kolom 3
Baris 6 Kolom 1
Baris 6 Kolom 2
Baris 6 Kolom 3
Baris 7 Kolom 1
Baris 7 Kolom 2
Baris 7 Kolom 3
Baris 8 Kolom 1
Baris 8 Kolom 2
Baris 8 Kolom 3

<table cellpadding="0" cellspacing="0" style="text-align: left;">
<tbody>
<tr><th width="100px"><div style="text-align: center;">
Header Kolom 1</div>
</th><th width="100px"><div style="text-align: center;">
Header Kolom 2</div>
</th> <th width="100px"><div style="text-align: center;">
Header Kolom 3</div>
</th></tr>
<tr><td><div style="text-align: center;">
Baris 1 Kolom 1</div>
</td><td><div style="text-align: center;">
Baris 1 Kolom 2</div>
</td><td><div style="text-align: center;">
Baris 1 Kolom 3</div>
</td></tr>
<tr><td><div style="text-align: center;">
Baris 2 Kolom 1</div>
</td><td><div style="text-align: center;">
Baris 2 Kolom 2</div>
</td><td><div style="text-align: center;">
Baris 2 Kolom 3</div>
</td></tr>
<tr><td><div style="text-align: center;">
Baris 3 Kolom 1</div>
</td><td><div style="text-align: center;">
Baris 3 Kolom 2</div>
</td><td><div style="text-align: center;">
Baris 3 Kolom 3</div>
</td></tr>
<tr><td><div style="text-align: center;">
Baris 4 Kolom 1</div>
</td><td><div style="text-align: center;">
Baris 4 Kolom 2</div>
</td><td><div style="text-align: center;">
Baris 4 Kolom 3</div>
</td></tr>
<tr><td><div style="text-align: center;">
Baris 5 Kolom 1</div>
</td><td><div style="text-align: center;">
Baris 5 Kolom 2</div>
</td><td><div style="text-align: center;">
Baris 5 Kolom 3</div>
</td></tr>
<tr><td><div style="text-align: center;">
Baris 6 Kolom 1</div>
</td><td><div style="text-align: center;">
Baris 6 Kolom 2</div>
</td><td><div style="text-align: center;">
Baris 6 Kolom 3</div>
</td></tr>
<tr><td><div style="text-align: center;">
Baris 7 Kolom 1</div>
</td><td><div style="text-align: center;">
Baris 7 Kolom 2</div>
</td><td><div style="text-align: center;">
Baris 7 Kolom 3</div>
</td></tr>
<tr><td><div style="text-align: center;">
Baris 8 Kolom 1</div>
</td><td><div style="text-align: center;">
Baris 8 Kolom 2</div>
</td><td><div style="text-align: center;">
Baris 8 Kolom 3</div>
</td></tr>
</tbody>
</table>

  • Simple Buttons
<div class="small-button"> <a class="button small" href="https://www.blogger.com">Button Small</a> <a class="button medium" href="https://www.blogger.com">Button Medium</a> <a class="button large" href="https://www.blogger.com">Button Large</a> </div>

Button Small Button Medium Button Large


  • ok
  • ok

  • Buttons With Icons


Demo Button Demo Button Demo Button
Download Button Download Button Download Button
Buy Now Button Buy Now Button Buy Now Button
Visit a Link Button Visit a Link Button Visit a Link Button






<div class="small-button"> <a class="button small demo" href="https://www.blogger.com">Demo Button</a> <a class="button medium demo" href="https://www.blogger.com">Demo Button</a> <a class="button large demo" href="https://www.blogger.com">Demo Button</a>                 <br> <div class="clear"> </div> <a class="button small download" href="https://www.blogger.com">Download Button</a> <a class="button medium download" href="https://www.blogger.com">Download Button</a> <a class="button large download" href="https://www.blogger.com">Download Button</a>                 <br> <div class="clear"> </div> <a class="button small buy" href="https://www.blogger.com">Buy Now Button</a> <a class="button medium buy" href="https://www.blogger.com">Buy Now Button</a> <a class="button large buy" href="https://www.blogger.com">Buy Now Button</a>                 <br> <div class="clear"> </div> <a class="button small visit" href="https://www.blogger.com">Visit a Link Button</a> <a class="button medium visit" href="https://www.blogger.com">Visit a Link Button</a> <a class="button large visit" href="https://www.blogger.com">Visit a Link Button</a> </div>

Alert Boxes

success message You successfully read this important message.
Alert message This alert needs your attention.
Warning message Warning! Best check yo self.
Error message Oh snap! Change a few things up
Code Box 
function generate() {

    var a = $('#container').html();

    var b = window.open('', '', 'width=600,height=400');

    b.document.write('<textarea>' + a + '</textarea>');

}
<pre>function generate() {     var a = $('#container').html();     var b = window.open('', '', 'width=600,height=400');     b.document.write('&lt;textarea&gt;' + a + '&lt;/textarea&gt;'); }</pre>

Comment Form 




<div class="contact-form">

<div class="contact section" id="contact" style="display: block;">

<div class="widget ContactForm" id="ContactForm1">

<div class="contact-form-widget">

<div class="form">

<form name="contact-form">

<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="Name" size="30" type="text" value="" />

                                <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="Email" size="30" type="text" value="" />

                                <textarea 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 contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" />

                                <br />

<div style="text-align: center; width: 100%;">

<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">

</div>

<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">

</div>

</div>

</form>

</div>

</div>

</div>

</div>

</div>