All Style Template

Heading 2/Heading

Heading 3/SubHeading

Heading 4/MinorHeading

Contoh Blockquote

Lorem ipsum dolor sit amet, no case putant posidonium sed. In vix corrumpit assentior pertinacia, essent efficiantur eum id, cu his modus definiebas. Cu cum ullum ponderum definitionem, enim inani antiopam id duo, posse fabellas ea eum. Quem concludaturque at eos. Te eirmod delenit sed. Veri meis recteque te sed. It's Blockquote

Example warning-box , how to use ? <div class='warning-box'>Your Text</div>

Et eos ornatus corrumpit. Ne duo vocent latine, te usu autem nulla deterruisset. Viris mentitum adolescens te ius, ut eum dolor honestatis. Sit ea delenit albucius, posse scriptorem in eam. Quaestio vulputate ea his, cum an idque facer, et aeque dignissim concludaturque vel. Eum alia nostrum hendrerit an.

example info-box , how to use ? <div class='info-box'>Your Text</div>

Quot mnesarchum adipiscing mei id. Dico numquam eam in, soluta admodum facilisi ad pro, his feugiat consetetur ei. Vix ne partem animal, dicunt meliore suavitate id usu. Audiam dissentias quaerendum eam at. Alii minimum eos id, per tale legimus mediocritatem ne. At vel tantas legere iracundia. Mundi dissentiet ex mel.

example success-box how to use? <div class='success-box'>your text</div>

Illud docendi accusata vix in, has no sint animal dissentiet. Mea an quas sensibus, sea ea libris torquatos. Eum lorem integre no. Audiam recusabo maiestatis at eam. Ne tantas latine apeirian nec, ne eos officiis rationibus. Mea ferri convenire ut, eu aliquam meliore deserunt eum.

Contoh pre tag

<Variable name="horizontal.line.color" description="Horizontal Line Color Title" type="color" default="#FFF" value="#888"/>
<Variable name="social.links.title.background" description="Social Links Title Background" type="color" default="#FFF" value="#888"/>
<Variable name="social.links.title.color" description="Social Links Title Color" type="color" default="#FFF" value="#888"/>

Contoh code tag

echo "Diless Theme is Coolest !"

Contoh Table

Name	Age	Status
Alex	16	Free User
John	18	Premium User
Minama	17	Free User
Hinata	18	Premium User

How to use table? you can see source code below.

<table>
<tbody>
<tr>
<th>Name</th>
<th>Age</th>
<th>Status</th>
</tr>
<tr>
<td>Alex</td>
<td>16</td>
<td>Free User</td>
</tr>
<tr>
<td>John</td>
<td>18</td>
<td>Premium User</td>
</tr>
<tr>
<td>Minama</td>
<td>17</td>
<td>Free User</td>
</tr>
<tr>
<td>Hinata</td>
<td>18</td>
<td>Premium User</td>
</tr>
</tbody></table>

Contoh Vertical Table

Name	Age	Status
Alex	16	Free User

Bagaimana cara menggunakannya? lihat code dibawah ini.

<table class="ver-tb">
<tbody>
<tr>
<th>Name</th>
<th>Age</th>
<th>Status</th>
</tr>
<tr>
<td>Alex</td>
<td>16</td>
<td>Free User</td>
</tr>
</tbody></table>

Info ! All Style yang saya buat bisa anda ubah warnanya di theme option/theme designer blogger tentunya ini sangat mempermudah kalian untuk customize terutama untuk yang gak bisa koding, kecuali warning box, info box, dan success box tidak bisa diubah dari situ.

Example Button





Bagaimana cara membuat download button? lihat code dibawah ini.

<button class="download-btn">
<!-- download icon -->
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 12v7H5v-7H3v7c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7h-2zm-6 .67l2.59-2.58L17 11.5l-5 5-5-5 1.41-1.41L11 12.67V3h2z"/></svg>
<!-- download icon -->
Download
</button>

Bagaimana cara membuat demo button? lihat code dibawah ini.

<button class="demo-btn">
<!-- demo icon -->
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>
<!-- demo icon -->
 Demo
</button>

Oke, mungkin itu saja jika ada yang kurang silahkan request style apa yang ingin ditambahkan melalui kolom komentar dibawah ini.