Kamis, 14 Juli 2022

Cara Membuat Kotak Script/Kode dengan Scroll Di Blog

Cara Membuat Kotak Script di Blog

Ada banyak sekali macam bahasa pemrograman yang bisa digunakan untuk memudahkan kegiatan kita sehari-hari. Contohnya HTML dan juga CSS. Namun masih menjadi perdebatan apakah kedua bahasa itu merupakan bahasa pemrograman atau bukan. Walaupun bukan tapi tetap saja harus menyusun algoritmanya untuk membuat sebuah rangkaian. Biasanya 2 jenis bahasa ini sering digunakan pada pembuatan website. Karena hanya bisa diterjemahkan oleh HTML viewer pada browser. Tak hanya itu, bahasa pemrograman web masih ada lagi seperti JavaScript dan php.

Beberapa blog bahkan hampir semua blog memberikan tutorial tentang bahasa ini. Tapi jika di implementasikan pada postingan blog secara asal, ini akan sangat memakan ruang posting pada blog. Untuk itu, diperlukannya box code atau bisa dibilang kotak script. Kotak script tentunya memiliki berbagai jenis border dan jenis kotak. Saya sarankan agar menggunakan kotak script yang memiliki fungsi scroll. Fungsi ini dapat membantu dalam menghemat penggunaan ruang pada body post. Besar kotak script ini dapat kita atur sesuai dengan kebutuhan kita. Namun yang harus diperhatikan adalah template blog yang anda gunakan. Apakah responsive atau minimalist ataupun jenis lainnya. Hal ini di lakukan agar tampilan tidak membuat bingung pengunjung.

Berbicara soal kotak script, kali ini saya akan memudahkan Anda dalam membuat kotak script yang efisien. Yap, dengan fungsi scroll. Simak baik baik berikut langkahnya.
  • Login ke blog dengan akun google yang anda gunakan untuk blog. Lalu, buat entri baru pada halaman awal blog anda.

Cara Membuat Kotak Script di Blog

  • Pada form posting, biasanya kita menulis artikel pada tab compose text. Nah, karena kita ingin membuat kotak script dengan implementasi bahasa HTML kita pindah ke tab HTML. Klik tab tersebut yang terletak pada pojok kiri atas form posting.

Cara Membuat Kotak Script di Blog

  • Setelah menuju tab HTML, copy kan kode berikut pada form tersebut. Kita bisa atur gaya atau style dari kotak yang kita buat dengan mengganti warna, mengganti ukuran kotak, dan mengatur tebal garis pinggir atau border. Ganti tulisan Masukkan Script /Kode disini dengan kode yang ingin anda masukkan.
<div style="background-color: #f3f3f3; border: 2px #2288dd solid; height: 100px; overflow: auto; padding: 10px; text-align: left; width: 90%;">
kode
</div>

Fungsi kotak ini tak hanya untuk kode script saja. Kalian bisa menggunakan kotak script ini untuk mengisi tulisan lain yang dianggap sebagai pokok bahasan ataupun lainnya. Sekian tutorial dari saya, semoga bermanfaat dan apabila ada pertanyaan lain silahkan berkomentar yang relevan atau bisa juga dengan mengisi form kontak dibawah ini.

Cara Membuat Kotak Script/Kode dengan Scroll Di Blog Rating: 4.5 Diposkan Oleh: Fadhel

1 komentar:

  1. wahh saya gak pernah pakai nih gan
    kyak nya perlu saya uji coba ini gan. mksh info nya

    BalasHapus