<
Cara membuat atau memasang ScrollBox Di Dalam Postingan Dan maupun di posisi Sidebar adalah kita cuma menambahkan code sehingga nantinya tampilannya dalam bentuk scrollbox dan dalam scrollbox tersebut adalah isi dari yang akan kita publikasikan. ada beberapa model scrollbox yang akan kita bahas brikut ini:
1. Scrollbox model memanjang
<div>
<div class=”code”>
KODE HTML ATAU TULISAN ANDA DI SINI
</div>
</div>
2. Scrollbox model kotak pertama
<div align=”center”>
<table width=”250” border=”1″>
<tr> <th colspan=”100%” scope=”col”>JUDUL ARTIKEL</th> </tr>
<tr><td><div style=”font-family: arial; font-size: 12px; overflow: scroll; width: 410px; height: 90px;”><div style=”text-align: center; width: 100%; padding: 0 px; overflow: hidden;”>
KODE HTML ATAU TULISAN ANDA DI SINI
</div></div></td></tr>
</table>
</div>
CONTOH SCROLLBOX NYA:
JUDUL ARTIKEL
Silahkan anda bisa mengisi artikel atau daftar isi atau apa saja disini. Semakin banyak teks yang anda isikan dalam scroll box ini, dengan sendirinya akan membentuk kotak scroll box secara otomatis, sehingga dapat menghemat tempat. Lihat Contoh scroll box dibawah dengan isi teks yang lebih banyak.
3. Scrollbox model kotak kedua
<div style=”overflow: auto; background-color: #D1ECF5; margin: 0px auto; padding: 5px; height: 25px; width: 97%; text-align: left;”>
KODE HTML ATAU TULISAN ANDA DI SINI
</div>
CONTOH SCROLLBOX NYA:
Windows Registry Editor Version 5.00 [HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion] “CurrentBuild”=”1.511.1 () (Obsolete data – do not use)” “ProductId”=”55274-640-7450093-23464? “DigitalProductId”=hex:a4,00,00,00,03,00,00,00,35,35,32,37,34,2d,36,34,30,2d,\ 37,34,35,30,30,39,33,2d,32,33,34,36,34,00,2e,00,00,00,41,32,32,2d,30,30,30,\ 30,31,00,00,00,00,00,00,00,62,fc,61,4c,e0,26,33,16,05,d3,54,e7,a0,de,00,00,\ 00,00,00,00,49,36,c2,49,20,47,0c,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\ 00,00,00,00,00,00,00,00,00,00,00,33,33,35,30,30,00,00,00,00,00,00,00,65,10,\ 00,00,74,99,dd,b0,f7,07,00,00,98,10,00,00,00,00,00,00,00,00,00,00,00,00,00,\ 00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,c4,ae,d6,1c “LicenseInfo”=hex:e7,77,18,19,f8,08,fc,7d,e8,f0,df,12,6e,46,cb,3f,ad,b2,dd,b9,\ 15,18,16,c0,bc,c3,6a,7d,4a,80,8b,31,13,37,5a,78,a2,06,c8,6b,b9,d9,dd,cc,6a,\ 9c,c5,9b,77,aa,07,8d,56,6a,7c,e4[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\WPAEvents] “OOBETimer”=hex:ff,d5,71,d6,8b,6a,8d,6f,d5,33,93,fd
4. Scrollbox model kotak ketiga
<div style=”border: 1px solid #eee; height: 250px; overflow: auto; padding: 10px; width: 320px;”>
KODE HTML ATAU TULISAN ANDA DI SINI
</div>
CONTOH SCROLLBOX NYA:
Windows Registry Editor Version 5.00 [HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion] “CurrentBuild”=”1.511.1 () (Obsolete data – do not use)” “ProductId”=”55274-640-7450093-23464? “DigitalProductId”=hex:a4,00,00,00,03,00,00,00,35,35,32,37,34,2d,36,34,30,2d,\ 37,34,35,30,30,39,33,2d,32,33,34,36,34,00,2e,00,00,00,41,32,32,2d,30,30,30,\ 30,31,00,00,00,00,00,00,00,62,fc,61,4c,e0,26,33,16,05,d3,54,e7,a0,de,00,00,\ 00,00,00,00,49,36,c2,49,20,47,0c,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\ 00,00,00,00,00,00,00,00,00,00,00,33,33,35,30,30,00,00,00,00,00,00,00,65,10,\ 00,00,74,99,dd,b0,f7,07,00,00,98,10,00,00,00,00,00,00,00,00,00,00,00,00,00,\ 00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,c4,ae,d6,1c “LicenseInfo”=hex:e7,77,18,19,f8,08,fc,7d,e8,f0,df,12,6e,46,cb,3f,ad,b2,dd,b9,\ 15,18,16,c0,bc,c3,6a,7d,4a,80,8b,31,13,37,5a,78,a2,06,c8,6b,b9,d9,dd,cc,6a,\ 9c,c5,9b,77,aa,07,8d,56,6a,7c,e4[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\WPAEvents] “OOBETimer”=hex:ff,d5,71,d6,8b,6a,8d,6f,d5,33,93,fd
Keterangan:
Yang berwarna biru adalah warna background.
Yang berwarna hijau adalah tinggi (height) dan lebar (width) background.
Sedangkan yang berwarna merah bisa Anda isi dengan teks, kode HTML, URL, dan lain-lain.
Border adalah tebal garis
Solid adalah warna
Height adalah tinggi scroll
Padding adalah batas antara teks dan dinding
Widht adalah lebar scroll
Untuk Srollbox di atas anda juga bisa memberi warna, ukuran tinggi, lebar sesuka anda
Silahkan Mencoba
Cara membuat atau memasang ScrollBox Di Dalam Postingan Dan maupun di posisi Sidebar adalah kita cuma menambahkan code sehingga nantinya tampilannya dalam bentuk scrollbox dan dalam scrollbox tersebut adalah isi dari yang akan kita publikasikan. ada beberapa model scrollbox yang akan kita bahas brikut ini:
1. Scrollbox model memanjang
<div>
<div class=”code”>
KODE HTML ATAU TULISAN ANDA DI SINI
</div>
</div>
2. Scrollbox model kotak pertama
<div align=”center”>
<table width=”250” border=”1″>
<tr> <th colspan=”100%” scope=”col”>JUDUL ARTIKEL</th> </tr>
<tr><td><div style=”font-family: arial; font-size: 12px; overflow: scroll; width: 410px; height: 90px;”><div style=”text-align: center; width: 100%; padding: 0 px; overflow: hidden;”>
KODE HTML ATAU TULISAN ANDA DI SINI
</div></div></td></tr>
</table>
</div>
CONTOH SCROLLBOX NYA:
JUDUL ARTIKEL
Silahkan anda bisa mengisi artikel atau daftar isi atau apa saja disini. Semakin banyak teks yang anda isikan dalam scroll box ini, dengan sendirinya akan membentuk kotak scroll box secara otomatis, sehingga dapat menghemat tempat. Lihat Contoh scroll box dibawah dengan isi teks yang lebih banyak.
3. Scrollbox model kotak kedua
<div style=”overflow: auto; background-color: #D1ECF5; margin: 0px auto; padding: 5px; height: 25px; width: 97%; text-align: left;”>
KODE HTML ATAU TULISAN ANDA DI SINI
</div>
CONTOH SCROLLBOX NYA:
Windows Registry Editor Version 5.00 [HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion] “CurrentBuild”=”1.511.1 () (Obsolete data – do not use)” “ProductId”=”55274-640-7450093-23464? “DigitalProductId”=hex:a4,00,00,00,03,00,00,00,35,35,32,37,34,2d,36,34,30,2d,\ 37,34,35,30,30,39,33,2d,32,33,34,36,34,00,2e,00,00,00,41,32,32,2d,30,30,30,\ 30,31,00,00,00,00,00,00,00,62,fc,61,4c,e0,26,33,16,05,d3,54,e7,a0,de,00,00,\ 00,00,00,00,49,36,c2,49,20,47,0c,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\ 00,00,00,00,00,00,00,00,00,00,00,33,33,35,30,30,00,00,00,00,00,00,00,65,10,\ 00,00,74,99,dd,b0,f7,07,00,00,98,10,00,00,00,00,00,00,00,00,00,00,00,00,00,\ 00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,c4,ae,d6,1c “LicenseInfo”=hex:e7,77,18,19,f8,08,fc,7d,e8,f0,df,12,6e,46,cb,3f,ad,b2,dd,b9,\ 15,18,16,c0,bc,c3,6a,7d,4a,80,8b,31,13,37,5a,78,a2,06,c8,6b,b9,d9,dd,cc,6a,\ 9c,c5,9b,77,aa,07,8d,56,6a,7c,e4[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\WPAEvents] “OOBETimer”=hex:ff,d5,71,d6,8b,6a,8d,6f,d5,33,93,fd
4. Scrollbox model kotak ketiga
<div style=”border: 1px solid #eee; height: 250px; overflow: auto; padding: 10px; width: 320px;”>
KODE HTML ATAU TULISAN ANDA DI SINI
</div>
CONTOH SCROLLBOX NYA:
Windows Registry Editor Version 5.00 [HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion] “CurrentBuild”=”1.511.1 () (Obsolete data – do not use)” “ProductId”=”55274-640-7450093-23464? “DigitalProductId”=hex:a4,00,00,00,03,00,00,00,35,35,32,37,34,2d,36,34,30,2d,\ 37,34,35,30,30,39,33,2d,32,33,34,36,34,00,2e,00,00,00,41,32,32,2d,30,30,30,\ 30,31,00,00,00,00,00,00,00,62,fc,61,4c,e0,26,33,16,05,d3,54,e7,a0,de,00,00,\ 00,00,00,00,49,36,c2,49,20,47,0c,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\ 00,00,00,00,00,00,00,00,00,00,00,33,33,35,30,30,00,00,00,00,00,00,00,65,10,\ 00,00,74,99,dd,b0,f7,07,00,00,98,10,00,00,00,00,00,00,00,00,00,00,00,00,00,\ 00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,c4,ae,d6,1c “LicenseInfo”=hex:e7,77,18,19,f8,08,fc,7d,e8,f0,df,12,6e,46,cb,3f,ad,b2,dd,b9,\ 15,18,16,c0,bc,c3,6a,7d,4a,80,8b,31,13,37,5a,78,a2,06,c8,6b,b9,d9,dd,cc,6a,\ 9c,c5,9b,77,aa,07,8d,56,6a,7c,e4[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\WPAEvents] “OOBETimer”=hex:ff,d5,71,d6,8b,6a,8d,6f,d5,33,93,fd
Keterangan:
Yang berwarna biru adalah warna background.
Yang berwarna hijau adalah tinggi (height) dan lebar (width) background.
Sedangkan yang berwarna merah bisa Anda isi dengan teks, kode HTML, URL, dan lain-lain.
Border adalah tebal garis
Solid adalah warna
Height adalah tinggi scroll
Padding adalah batas antara teks dan dinding
Widht adalah lebar scroll
Untuk Srollbox di atas anda juga bisa memberi warna, ukuran tinggi, lebar sesuka anda
Silahkan Mencoba
0 komentar:
Posting Komentar