Assalamu’alaikum Warahmatullahi Wabarakaatuh,
Halo Sobat Mas Rizky, berjumpa lagi ya di Website yang sama, dalam kesempatan kali ini admin Masrizky.web.id akan berbagi Cara Membuat Box Yang Bisa Digeser untuk Blogger.
Membuat Box Yang Bisa Digeser untuk Blogger
Membuat box yang bisa digeser (slidable box) di dalam platform Blogger adalah cara yang menarik untuk menambahkan elemen interaktif dan dinamis pada blog Anda.
Box yang bisa digeser ini bisa digunakan untuk berbagai tujuan, seperti menampilkan gambar, teks, atau bahkan video. Berikut ini adalah panduan sederhana untuk membuatnya.
Pertama, Anda perlu mengakses dashboard Blogger Anda dan memilih blog yang ingin Anda edit. Setelah itu, masuk ke tab “Tema” dan klik “Edit HTML”.
Di sini, Anda akan menambahkan kode HTML dan CSS yang diperlukan untuk membuat box yang bisa digeser. Berikut adalah contoh kode dasar yang bisa Anda gunakan
Biasanya scroll box digunakan untuk meminimalisir space tempat, baik tinggi atau pun lebar. Penggunaan scroll box ini, bisa digunakan di postingan, edit template ataupun di widget.
Kunci dari scroll box ini adalah penambahan kode CSS:
overflow:auto
atau
overflow:scroll
kemudian, atur lebar (width) atau tinggi (height).
Perhatikan contoh tanpa scroll:
Ini adalah contoh tanpa scroll box, supaya panjang saya tambah poin:
- Scroll Box
- Overflow
- Auto
- Scroll
- Width
- Height
Kemudian saya tambahkan kode (pada Edit HTML):
<div style="background-color:#00FFFF; width:300px; height:100px; overflow:auto;"> disini diisi teks di atas</div>
Maka hasilnya seperti ini:
Ini adalah contoh dengan scroll box, supaya panjang saya tambah poin:
- Scroll Box
- Overflow
- Auto
- Scroll
- Width
- Height
Setelah menambahkan kode ini, simpan perubahan dan lihat blog Anda untuk memastikan slider bekerja sesuai harapan. Anda dapat menyesuaikan ukuran, jumlah konten, dan gaya sesuai dengan kebutuhan dan preferensi Anda. Dengan sedikit kreativitas, Anda bisa membuat blog yang lebih menarik dan interaktif!
Demikian informasi tentang Cara Membuat Box Yang Bisa Digeser untuk Blogger yang dapat kami sampaikan, semoga bermanfaat.
Jika informasi ini bermanfaat, Jangan lupa Share ya sobat mas rizky, Terima Kasih.
Wassalamu’alaikum Warahmatullahi Wabarakaatuh.
