Cara Membuat Dialog Script di Blogger

Cara Membuat Dialog Script di Blogger

Membuat dialog script di Blogger, tidak begitu sulit.
Jika posting artikel yang berhubungan dengan tutorial blog atau coding, pasti pernah ingin menampilkan dialog script di dalam blog, agar tidak rancu dengan postingan.
Apakah dialog script itu?
Dialog script dalam blog berbeda dengan fitur Blog Quote. Fitur dialog script sangat berguna jika kamu akan menampilkan script dalam tutorial yang kamu buat. Tapi tidak hanya untuk script, dialog script juga bisa kamu gunakan untuk keperluan lain, seperti membuat kutipan dan kalimat penegas.

BACA JUGA:
a). Cara Memberi Scroll Pada Postingan di Blog
b). Cara Submit Sitemap Blog (Peta Situs) ke Goolge Webmaster Tools Terbaru

Berikut cara membuat dialog script di Blogger:
Langkah 1
Ketikkan sesuatu pada Compose.

Langkah 2
Untuk membuat dialog script di Blogger, pindah ke dialog box HTML. Lalu copy dan paste kode berikut, misal di bawah ketikan anda tadi:
<div style="background-color: #f3f3f3; padding: 10px; text-align: left;"&gt; <span class="color-green">ISI SCRIPT DI SINI</span> </div>


Langkah 3
Setelah kode tadi di-paste di kolom HTML, sekarang pindah lagi ke kolom Compose.
Ganti ISI SCRIPT DISINI dengan script atau kalimat yang akan kamu sematkan.

Langkah 4
Selesai. Kamu  bisa save postinganmu.

Adapun bentuk jenis kode lain yang memiliki tampilan yang beda dengan dialog script di atas, yaitu:
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff; text-align: left;"&gt; <span class="color-green">ISI SCRIPT DISINI</span> </div>
Catatan: Pada script di atas, kamu bisa ganti bagian Double dengan Dashed, Dotted, Ridge atau Solid untuk bereksperimen dengan model dialog script yang lain.

Lakukan degan cara yang sama.
Ganti ISI SCRIPT DISINI
Contoh, menjadi seperti ini.
Tampilan.
Selamat mencoba.

4 komentar:

  1. Mantap gan 👌🏿, tapi gua ngga ngerti 😂

    BalasHapus
  2. maaf saya juga masih belum mengerti, maklum baru pemula

    BalasHapus
    Balasan
    1. Ga apa-apa, kita sama-sama belajar, semangat

      Hapus
  3. Mantab Bang.. Kalau ada model lain, boleh di share linknya Bang.. Salam blogger pemula

    BalasHapus