Cara Membuat Kotak HTML JavaScript Di Postingan Blogger Dengan Keren
Cara Membuat Kotak HTML JavaScript Di Postingan Blogger Dengan Keren - Hai apa kabar bagi anda yang memiliki blog tentang kode scripting seperti template widget dan pembahasan lainnya. Mungkin Anda memerlukan sesuatu untuk membuat kolom HTML atau JavaScript untuk postingan blog. kode yang nantinya ingin kita bagikan kepada pengunjung agar mudah dicopy paste nantinya karena keterbatasan penulisan JavaScript, maka disini saya membagikan cara atau proses untuk melakukan hal tersebut agar blog kita terlihat lebih profesional dan tidak kacau
Copy Dan paste kode Dibawah ini di Mode HTML
<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">
Ganti Tuisan Ini Dengan Kode HTML/Javascript
</div>
2. GAYA 2
Copy Code dibawah ini dan Ganti KODE HTML ANDA DI SINI dalam mode HTML
Copy dan Paste Code Dibawah ini di mode HTML
4. Gaya 4
<div style="border: 2px #610B38 dashed; padding: 10px; background-color:#57AA52; text-align: left;"> Ganti Tuisan Ini Dengan Kode HTML/Javascript</div>
5. Gaya 5
<!DOCTYPE html>
<html>
<head>
<title>Contoh Box HTML dengan JavaScript</title>
<style>
#myBox {
width: 200px;
height: 200px;
background-color: red;
}
</style>
</head>
<body>
<div id="myBox"></div>
<script>
var box = document.getElementById("myBox");
box.style.width = "300px";
box.style.height = "300px";
box.style.backgroundColor = "blue";
</script>
</body>
</html>
// gak usah di pasang jika seperti untuk membuat di blog
Penjelasan:
Pertama, kita membuat sebuah elemen div dengan id "myBox".
Kemudian, kita menambahkan beberapa properti CSS untuk elemen tersebut menggunakan tag <style>.
Selanjutnya, kita mengakses elemen tersebut menggunakan JavaScript dengan memanggil fungsi document.getElementById("myBox").
Terakhir, kita mengatur beberapa properti CSS tambahan menggunakan JavaScript.
Dalam contoh ini, kita mengubah lebar, tinggi, dan warna latar belakang box HTML menggunakan JavaScript.
Anda dapat memodifikasi kode ini untuk menciptakan box HTML yang lebih kompleks dan menyesuaikan dengan kebutuhan Anda.
Dari beberapa kode yang saya berikan di atas, ganti teks yang saya warnai merah dengan kode JavaScript yang ingin Anda bagikan. Namun untuk hasil yang lebih lengkap, sebaiknya hentikan dulu pengetikan di Blogger jika sudah selesai, lalu edit dalam mode HTML. , setelah itu anda bisa paste kode yang saya berikan diatas. Di mana Anda ingin meletakkannya, kembali ke mode tulis dan edit, ganti teks dengan html atau javascript yang ingin Anda bagikan.
Oke mungkin itu saja postingan kali ini tentang membuat kotak javascript untuk postingan blog. Semoga informasi yang saya bagikan dapat menambah wawasan anda tentang dunia blogging, dan jika ada pertanyaan seputar postingan ini, silahkan tuliskan pada kolom komentar yang tersedia dibawah. Insya Allah akan saya balas secepatnya, terima kasih.
Komentar
Posting Komentar