Cara Membuat Text Percakapan Responsive dan Rapi dengan HTML di Blogger

April 30, 2020

Tutorial

Hai teman-teman, pada artikel kali ini gw bakal bahas mengenai cara membuat teks percakapan yang rapi dan responsive. So jika kamu adalah seorang admin dari blog edukasi, tentu sering membuat yang namanya contoh percakapan.

Ketika kamu menulis di blog, tidak ada fitur yang cocok untuk membuat percakapan seperti ketika kamu membuatnya di microsoft word. Oleh karena itu, kali ini gw bakal ngasi tutorialnya, yuk cekidot.

Silahkan buka blog kamu, kemudian buat postingan baru.
Ubah ke mode HTML
Pastekan kode di bawah


<table>
<tbody style="vertical-align:top">
  <tr>
    <td style="width: 20%">Pembicara Pertama</td>
    <td style="padding-right: 5px">:</td>
    <td>"Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam"</td>
  </tr>
  <tr>
    <td>Pembicara Keuda</td>
    <td>:</td>
    <td>"Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation"</td>
  </tr>
</tbody>
</table>

* Ganti Pembicara Pertama dan Pembicara Kedua sesuai dengan dialog percakapan yang kamu buat Silahkan ganti kata kata Lorem Ipsum dengan isi dialog kamu.

* Kamu bisa menambahkan dialog baru dengan menambahkan kode ini, dan pastekan diatas tag </tbody>


<tr>
    <td>Nama Orang</td>
    <td>:</td>
    <td>"Ganti dengan isi teks dialog kamu"</td>
  </tr>

Untuk hasilnya kamu bisa lihat di bawah

Front Desk Agent	:	"Good Morning, welcome to rebahan hotel, how may i assist you?Good Morning, welcome to rebahan hotel, how may i assist you?Good Morning, welcome to rebahan hotel, how may i assist you?"
Guest	:	"Hai good morning, i want to check in please. Good Morning, welcome to rebahan hotel, how may i assist you?Good Morning, welcome to rebahan hotel,"
Front Desk Agent	:	"Good Morning, welcome to rebahan hotel, how may i assist you?Good Morning, welcome to rebahan hotel, how may i assist you?Good Morning, welcome to rebahan hotel, how may i assist you?"

Oke sekian artikel kali ini, semoga bermanfaat. Jangan lupa upvote, tinggalkan komentar dan bagikan ke teman-teman kamu yang sedang memerlukan. Thanks!