Pada artikel kali ini saya akan menjelaskan beberapa kode HTML untuk members Karyo IM yang belum begitu familiar dengan kode HTML agar lebih mudah berinovasi dengan Post Template.

Anda bisa mencoba secara offline atau online kode HTML, misalnya di https://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro.

<a>…</a>

<a href="https://domain.com">CLICK HERE</a>

Kode di atas akan menghasilkan teks CLICK HERE, jika diklik akan menuju url https://domain.com.

Url bisa diganti dengan url landing page (LP), link offer, atau shortlink ke link offer.

Tulisan CLICK HERE bisa juga diganti dengan gambar dengan kode html <img>.

<img>

<img src="http://4.bp.blogspot.com/-KQ46y66-9Bc/Ta1aDoVpxcI/AAAAAAAAACs/c1AnF1JK15s/s1600/watch+live+rugby+online.jpg" width="350px">

Kode di atas akan menampilkan gambar seperti ini:

Perhatikan:

src="http://4.bp.blogspot.com/-KQ46y66-9Bc/Ta1aDoVpxcI/AAAAAAAAACs/c1AnF1JK15s/s1600/watch+live+rugby+online.jpg"

Url dalam tanda petik adalah url gambar. Kemudian setelahnya ada kode:

width="350px"

Merupakan kode untuk mengatur lebar gambar, tinggi menyesuaikan.

<center>…</center>

<center>Ini adalah Teks</center>

Kode html <center>…</center> akan menjadikan apa saja yang di dalamnya ditampilkan di tengah halaman. Kode di atas akan menampilkan tulisan seperti di bawah.

Ini adalah Teks

<br/>

Kode <br/> berfungsi untuk mengganti baris. Misal kita tulis kodenya dua kali, <br/><br/>, maka tulisan atau kode setelah kode tersebut akan turun dua baris.

Format Teks

<strong>Tebal</strong> <i>Miring</i> <u>Garis Bawah</u>

Kode di atas akan menghasilkan:

Tebal Miring Garis Bawah

List

<ul>
  <li>List dengan simbol</li>
  <li>List dengan simbol</li>
  <li>List dengan simbol</li>
</ul>

<ol>
  <li>List dengan angka</li>
  <li>List dengan angka</li>
  <li>List dengan angka</li>
</ol>

Semoga tutorial ini cukup membantu. Jika ada yang ingin ditanyakan, silakan tinggalkan di kolom komentar, atau pm saya (melalui inbox/wa).