9/03/2017

Cara membuat kotak Script dalam Artikel Blog

Baca Juga

Pernah melihat kotak ibarat ini dalam artikel blog?

Sekarang aku akan membuatkan dua trik untuk membuat kotak Script semoga memperindah postingan blog anda. Mari kita mulai.

Cara  Membuat Kotak Script Model Pertama

Script yang pertama ini sangat cocok dengan goresan pena apa saja yang ingin anda tulis.

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff; text-align: left;">  Ganti Tulisan Ini.</div>

Cara Kerjanya:
  • Copy Kode di atas.
  • Ganti Tulisan Bergaris bawah dengan apa yang ingin anda tuliskan.
  • Edit artikel di HTML (jangan di Compose).
  • Contoh untuk jadinya ialah ibarat di bab atas artikel ini.

Cara Membuat kotak Script Model Kedua

Untuk script yang kedua, aku khususkan untuk mengisinya dengan HTML, alasannya ialah script ini terdapat fungsi Copy All. Hal tersebut akan memudahkan para pembaca untuk mengcopy isi HTML tersebut.

<textarea cols="60" onclick="this.focus();this.select()" readonly="readonly" rows="1">Ganti Tulisan Ini </textarea>

Cara Kerjanya:
  • Copy Kode di atas.
  • Bagian Cols dan bab Rows sesuaikan dengan kolom dan baris goresan pena anda.
  • Bagian yang aku garis bawahi silahkan ganti dengan Tulisan dengan yang ingin anda tuliskan.
  • Edit artikel di HTML (jangan di Compose).
  • Contoh untuk Kode kedua ini ialah ibarat di bawah ini:


"Cara membuat kotak Script dalam Artikel Blog"

Untuk pembahasan Cara Membuat Kotak Script Dalam Artikel ini, kita bahas dua aba-aba saja dulu. Mungkin lain kesempatan, kita akan bahas beberapa aba-aba lagi. Akhir kata, terimakasih sudah membaca! Dan selamat mencoba!