loading...

Cara membuat kotak Script dalam Artikel Blog

Pernah melihat kotak seperti ini dalam artikel blog?

Sekarang saya akan berbagi dua trik untuk membuat kotak Script agar memperindah postingan blog anda. Mari kita mulai.

Cara  Membuat Kotak Script Model Pertama

Script yang pertama ini sangat cocok dengan tulisan 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 hasilnya adalah seperti di bagian atas artikel ini.

Cara Membuat kotak Script Model Kedua

Untuk script yang kedua, saya khususkan untuk mengisinya dengan HTML, karena 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 bagian Rows sesuaikan dengan kolom dan baris tulisan anda.
  • Bagian yang saya garis bawahi silahkan ganti dengan Tulisan dengan yang ingin anda tuliskan.
  • Edit artikel di HTML (jangan di Compose).
  • Contoh untuk Kode kedua ini adalah seperti di bawah ini:


"Cara membuat kotak Script dalam Artikel Blog"

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

5 komentar


EmoticonEmoticon