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. berikut dua cara tersebut.


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 Kerja :
  • Copy Kode di atas.
  • Ganti Tulisan Bergaris bawah dengan apa yang ingin anda tulis.
  • Edit artikel di HTML, jangan di Compose.
  • Contoh untuk untuk Kode ini adalah bagian atas Artikel seperti di awal artikel.

Cara Membuat kotak Script Model Kedua

Untuk Script yang kedua, saya khususkan untuk mengisinya dengan HTML, karena di dalamnya terdapat fungsi Copy All. Hal tersebut akan memudahkan para pembaca untuk meng-copy isi HTML tersebut. Berikut kodenya.

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

Cara Kerja:
  • Copy Kode di atas.
  • Bagian Cols dan bagian Rows sesuaikan dengan colom 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:


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

5 komentar:

Post a Comment

loading...