Kode Penulisan

Untuk Penulisan kode pada postingan Corkismet Blogger Template.

Button

Default Button Preview Download Visit a Link Buy Now Share Contact Us More Info

<a href="#" class="button btn">Default Button</a>
<a href="#" class="button btn preview">Preview</a>
<a href="#" class="button btn download">Download</a>
<a href="#" class="button btn link">Visit a Link</a>
<a href="#" class="button btn cart">Buy Now</a>
<a href="#" class="button btn share">Share</a>
<a href="#" class="button btn contact">Contact Us</a>
<a href="#" class="button btn info">More Info</a>

Colored Button

Secondary Success Danger Warning Info Dark

<a href="#" target="_blank" class="button btn btn-secondary">Secondary</a>
<a href="#" class="button btn btn-success">Success</a>
<a href="#" class="button btn btn-danger">Danger</a>
<a href="#" class="button btn btn-warning">Warning</a>
<a href="#" class="button btn btn-info">Info</a>
<a href="#" class="button btn btn-dark">Dark</a>

Big Button

Download2MB Download1MB

<a href="#" class="button btn x2 download">Download<span class="btn-info">2MB</span></a>
<a href="#" class="button btn x2 download btn-danger">Download<span class="btn-info">1MB</span></a>

Arabic

اَللّٰهُمَّ صَلِّ عَلَى سَيِّدَنَا مُحَمَّدٍ ࣙالنَّبِيِّ الْأُمِّيِّ وَعَلَى اٰلِهِ وَصَحْبِهِ وَسَلِّمْ

<div class="arab">
 ....
</div>

Emoji

Untuk menampilkan emoji pada postingan dengan Emoji/Smiley dan ini dengan Emoji Cry dan ini dengan Emoji Love

<p>Teks disini <span class='emoji'></span> Teks disini <span class='emoji-cry'></span> Teks disini <span class='emoji-love'></span></p>

Alert Message

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id leo quis nunc accumsan laoreet sed id purus. Integer dictum sit amet nisi at malesuada.

<div class="alert-msg success">messages here</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id leo quis nunc accumsan laoreet sed id purus. Integer dictum sit amet nisi at malesuada.

<div class="alert-msg info">messages here</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id leo quis nunc accumsan laoreet sed id purus. Integer dictum sit amet nisi at malesuada.

<div class="alert-msg warning">messages here</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id leo quis nunc accumsan laoreet sed id purus. Integer dictum sit amet nisi at malesuada.

<div class="alert-msg danger">messages here</div>

Bordered Table

Nama	Alamat	Email
Asep Deden	Sukabumi	asep@example.com
Denny Sumargo	Jakarta	denny@example.com
Wulan Guritno	Jakarta	wulan@example.com

<table>
	<thead>
		<tr>
			<th>Nama</th>
			<th>Alamat</th>
			<th>Email</th>
		</tr>
	</thead>    
	<tbody>
		<tr>
			<td>Asep Deden</td>
			<td>Sukabumi</td>
			<td>asep@example.com</td>
		</tr>
		<tr>
			<td>Denny Sumargo</td>
			<td>Jakarta</td>
			<td>denny@example.com</td>
		</tr>
		<tr>
			<td>Wulan Guritno</td>
			<td>Jakarta</td>
			<td>wulan@example.com</td>
		</tr>
	</tbody>
</table>

Code Box

<pre><code>kode yang sudah diparse di sini </code></pre>

Lazy Load Youtube

<div class="youtube-video" data-embed="PCehl2RwkEI">
    <div class="play-button"></div>
</div>