Cara Membuat Kotak Script Di Dalam Postingan Blog Terbaru

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.

Biasanya kotak script dibuat untuk keperluan seperti menambahkan script pemograman html dan masih banyak lagi, ikuti langkah-langkah dibawah ini untuk lebih jelasnya.

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.
   
   
   
3. Lalu buka Compose maka kotak sudah tampil, terakhir tambahkan isi dari kotak tersebut.
   
   
   

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.

Berbagi :