Cara Menciptakan Kotak/Scroll Di Dalam Postingan
Teknik Membuat Scroll di dalam blog - mungkin anda pernah melihat sebuah postingan yang berbentuk makalah atau artikel yang sangat panjang, yang membuat loading lambat. maka inilah solusi buat postingan tersebut. fungsi dari scrollbar yakni membuat ruangan di dalam blog menjadi leluasa sehingga kita sanggup menambahkan tulisan-tulisan yang lain di dalam postingan tersebut. disini ada dua bentuk scrollbar: 1. berbentuk vertikal dan 2. berbentuk horizontal. silahkan eksklusif di praktekkan saja teladan dibawah ini :
1. Scroll berbentuk Vertikal
.<div style="border:1px solid white;width:200px;height:100px;overflow-y:hidden;overflow-x:scroll;">
<p style="width:250%;">
melaluiataubersamaini memakai overflow-x, kita sanggup membuat scroll kafetaria saat kontent pada div ini lebih lebar dari pada kotakan yang kita buat. melaluiataubersamaini menyeting paragraf menjadi 250%, maka hal ini akan membuat content lebih lebar 250% daripada kotakannya - balasannya hal ini akan memaksakan terjadinya overflow (menyebabkan munculnya scroll bar).
</p>
</div>
silahkan masuk ke dalam postingan baru, kemudian pilih html , dan copy-paste sript di atas ke dalam postingan. kemudian klik compose kembali, ibarat gambar di bawah ini:
ganti goresan pena yang berwarna merah dengan goresan pena yang mau engkau buat, anda juga sanggup mengatur warna, tinggi, lebar, ketebalan kotak.
- Border 1 px = ketebalan kotak dan solid white = warna kotak
- Width 200 px = lebar kotak
- Heirht 100 px = panjang kotak
2. Scoll Berbentuk Horizontal
.<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid white">
Jika tanpa Setingan "paksaan" di tag paragraf <p>, maka cukup simpel untuk membuat scroll kafetaria vertikal ibarat ini.
</div>
caranya sama juga degan cara vertikal, ganti goresan pena yang berwarna merah dengan goresan pena yang ingin engkau buat. ok sangat simpel bukan. supaya sanggup bermanfaa. tidakboleh lupa untuk komen.
Artikel Terkait :
- CARA MENAMPILKAN PARTISI/LOCALDISK YANG HILANG
- CARA MEMBAGI PARTISI/LOCALDISK DI PC
- 3 CARA MENGETAHUI KECEPATAN BLOG/SITUS
- CARA MEMBUAT POPULER POST WARNA-WARNI DI BLOG
- CARA MERUBAH TAMPILAN FACEBOOK JADI KEREN
0 Response to "Cara Menciptakan Kotak/Scroll Di Dalam Postingan"
Posting Komentar