Cara Membuat Kotak Script Di Dalam Postingan Blog

cara membuat kotak script dalam postingan blog text box

Membuat kotak di dalam postingan atau text box di blog adalah sebuah kotak yang didalamnya dapat dimasukan kalimat atau juga script kode html agar telihat responsive tidak acak-acakan. Pada postingan kali ini saya memberikan cara bagaimana membuat kotak yang responsive di dalam postingan blog. Caranya sangat mudah kita hanya perlu menambahkan kode html di dalamnya dan anda bisa langsung mengubah warna sesuai keinginan. Sebenarnya ada banyak jenis tampilan, tinggal sesuaikan keinginan anda.

Karna blogspot atau blogger tidak menyediakan kotak (text box) kita perlu menambahkannya ke bagian HTML di postingan setiap ingin membuatnya, tentunya harus dilakukan secara manual. Ikuti langkah-langkah dibawah ini.


Langkah - Langkah Membuat Kotak Script Di Dalam Postingan Blog:


  1. Pertma login ke akun blogger anda, buat entri baru atau postingan baru.
  2. Setelah itu masuk kebagian HTML seperti gambar dibawah, selanjutnya copy salah satu kode kotak script.

    Kotak Script Di Dalam Postingan blogger
  3. Lalu buka Compose maka kotak sudah tampil, terakhir tambahkan isi dari kotak tersebut.

    cara Kotak Script Di Dalam Postingan


Kumpulan Kotak Script (Text Box) Dalam Postingan (Lengkap)

Pilih kotak sesuai keinginan anda, saya sarankan pilih lah script kotak yang warnanya sama dengan template yang anda gunakan agar terlihat lebih bagus.

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #004fb3; border-left: 5px solid #2288dd; border-radius: 10px; padding: 10px; t-align: left;">
Kode Script Sobat Disini</div>
</div>

<div>
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffad08; border-radius: 10px; border: 2px dashed #aaa; padding: 10px; t-align: left;">
Kode Script Sobat Disini</div>

<div style="background-color: white; border: 3px #02d144 double; padding: 10px; text-align: left;">Kode Script Sobat Disini</div>

<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">
Kode Script Sobat Disini</div>

<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">
Masukan Text Anda Disini</div>

<div style="background-color: white; border: 3px #FE0606 double; padding: 10px; text-align: left;">
as</div>

<div style="background-color: white; border: 3px #1780dd dotted; padding: 10px; text-align: left;">
<span style="background-color: #f3f3f3;">Masukan Text Anda Disini</span></div>

<div style="background-color: white; border: 3px #1780dd outset; padding: 10px; text-align: left;">
Masukan Text Anda Disini</div>

Kesimpulan:

Itulah cara menambahkan kotak script kedalam postingan, jika anda menggunakan wordpress lakukan hal yang sama copy script dan paste. Jika anda menguasai coding html anda bisa mengubah warna atau style dari kotak yang ada diatas.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel