Cara Membuat Scroll Bar Dalam Postingan Blog


Sambil istirahat dari capekku lembur malam ini aku ingin berekreasi berselancar dalam blog. sedikit pengalaman yang telah saya lalui, pada kali ini saya ingin menulis pengalaman yang ku dapat dari teman yang sudah lincah dan lebih profesional dalam hal nge blog.

Kemarin ketika aku menulis artikel di post blog yang berisi script cukup panjang, terpikir olehku untuk alternatif biar teks script itu tidak tampil panjang bagaimana. lantas saya tanya sama teman yang sudah tau lebih duluan caranya gimana ? lantas dia memberi saran serta cara membuat scroll dalam post blog. setelah aku di kasih script nya beserta caranya, bergegas aku praktekkan.

Saya mulai dari awal untuk langkah langkahnya seperti berikut :
➪ Pastinya login blog dulu
➪ Terus menuju pada "Entri/Post" "Edit" untuk membenahi post lama atau "New" membuat post baru.
➪ Copy code script nya, dan paste di halaman dengan mode HTML. Letakkan di atas tulisan yang ingin di masukkan dalam scroll bar.

Berikut code untuk membuat scroll bar :

<div style="border: 1px solid #eee; height: 100px; overflow: auto; padding: 10px; width: 400px;"> terletak sebelum tulisan yang masuk di scroll bar, kemudian tutup dengan </div>

Mungkin gambar berikut bisa lebih membantu menjelaskan.


Copy codenya di bawah ini :

<div style="border: 1px solid #eee; height: 100px; overflow: auto; padding: 10px; width: 400px;"> Letakan Tulisan Artikel Anda Disini </div>

Keterangan :
➪ 100px, 10px, 400px : adalah ukuran tampilan kelebaran, jarak, ketinggian, (silahkan ganti untuk mengatur sesuai dengan yang kamu inginkan)
➪ "Letakan Tulisan Artikel Anda Disini" : adalah tulisan artikel yang ingin anda tampilkan dalam scroll bar post anda.
➪ untuk melihat hasil sementara silahkan klik pratinjau.
➪ setelah semua kamu rasa sudah beres, silahkan simpan (save) publikasikan.

Contoh hasil scroll bar pada post blog bisa lihat di bawah ini :

Contohnya seperti ini
AAAA
BBBB
CCCC
DDDD
EEEE
FFFF
GGG
HHH
IIIIII
JJJJJ
KKKK
LLLL
MMM
NNNN
OOOO
PPPPP
QQQQ
RRRR
SSSSS
TTTT
UUUU
VVVV
WWW
XXXX
YYYY
ZZZZ
Silahkan dicoba

Semoga sedikit berbagi saya ini bisa berguna tuk sobat yang lagi pingin memakainya. Selamat Malam. Semoga hari harimu menyenangkan. Bye !!!
Note : Jika ada masalah terkait content di blog ini, Silahkan anda menghubungi kami Di Contact ini.