Membuat Script Box Di Sebuah Postingan Blog
Apa itu script box?
Script box adalah sebuah elemen kotak untuk membungkus text pada sebuah web biasanya digunakan untuk menuliskan script atau kode pada postingan website.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Membuat Script Box di Postingan Blog</title>
</head>
<body>
</body>
</html>
Diatas adalah contoh script box yang berisi kode html yang bisa kita coppy paste. Untuk membuat script box sangatlah mudah silahkan pilih salah satu kode dibawah ini yang menurut Anda menarik.
1. Gradient
<div
style="background-image: linear-gradient(to right, #eeffe6, #fce6f8);
border-radius: 5px; padding: 17px; text-align: left;">Masukan Kode script Anda disini</div>
2. Soft
<div style="background-color: #e6f7ff; border-radius: 10px; padding: 17px; text-align: left;">Masukan Kode script Anda disini</div>
3. Scroll
<div style="background-color: #fafafa; padding: 10px; text-align: left; height: 100px; width;630 overflow: auto;">Masukan Kode scrip Anda disini Masukan Kode scrip Anda disini Masukan Kode scrip Anda disini Masukan Kode scrip Anda disini Masukan Kode scrip Anda disini Masukan Kode scrip Anda disini Masukan Kode scrip Anda disini Masukan Kode scrip Anda disini Masukan Kode scrip Anda disini </div>
4. Border Left
<div style="background-color: #000000; color: #ffffff; border-left:5px solid #FFB100; padding: 17px; text-align: left;">Masukan Kode script Anda disini</div>