 |
| scroll box |
Membuat Scroll Box Di Posting Blog
Jika anda menulis sebuah artikel di blog dan diantara nya mengandung kontent yang mungkin pembaca perlu mengkopinya karena konten tersebut lama untuk dibaca panjang. maka, perlu anda masukan konten tersebut dalam frame scrol box.
Dalam Pemasangan Scroll Box di posting blog tidak terlalu susah. anda tinggal melakukan atuau Ikuti langkah-langkah di bawah ini.
Baca juga cara membuat kotak kode keren dengan scroll box
Model Scrol Box background Putih dan backround warna
Copy Paste kode script di bawah ini pada halaman posting. Letakan pada Mode HTML bukan pada mode Compose.
Model Background Putih Scrol Box
<div style="border: 1px solid #ddd; height: 100px;width: 550px;overflow: auto; padding: 10px; "> Isikan artikel anda atau kode .... </div>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="250" height="305" src="http://www3.cbox.ws/box/?boxid=3415307&boxtag=bhrlgp&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain3-3415307" style="border:#5500ff 1px solid;" id="cboxmain3-3415307"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www3.cbox.ws/box/?boxid=3415307&boxtag=bhrlgp&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform3-3415307" style="border:#00bb3f 1px solid;border-top:0px" id="cboxform3-3415307"></iframe></div>
</div>
<!-- END CBOX -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="250" height="305" src="http://www3.cbox.ws/box/?boxid=3415307&boxtag=bhrlgp&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain3-3415307" style="border:#5500ff 1px solid;" id="cboxmain3-3415307"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www3.cbox.ws/box/?boxid=3415307&boxtag=bhrlgp&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform3-3415307" style="border:#00bb3f 1px solid;border-top:0px" id="cboxform3-3415307"></iframe></div>
</div>
<!-- END CBOX -->
Model Backgron Warna Scrol box
<div style="border: 1px solid #fff;background:blue; padding: 10px; overflow: auto; width:550px; height: 150px;">Isikan artikel anda atau kode ....
</div>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="250" height="305" src="http://www3.cbox.ws/box/?boxid=3415307&boxtag=bhrlgp&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain3-3415307" style="border:#5500ff 1px solid;" id="cboxmain3-3415307"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www3.cbox.ws/box/?boxid=3415307&boxtag=bhrlgp&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform3-3415307" style="border:#00bb3f 1px solid;border-top:0px" id="cboxform3-3415307"></iframe></div>
</div>
<!-- END CBOX -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="250" height="305" src="http://www3.cbox.ws/box/?boxid=3415307&boxtag=bhrlgp&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain3-3415307" style="border:#5500ff 1px solid;" id="cboxmain3-3415307"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www3.cbox.ws/box/?boxid=3415307&boxtag=bhrlgp&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform3-3415307" style="border:#00bb3f 1px solid;border-top:0px" id="cboxform3-3415307"></iframe></div>
</div>
<!-- END CBOX -->
Pada saat mengisikan kode script atau apapun dalam scrol box iframe yang penting adalah apa yang akan kita isikan di dalam scroll box, jangan lupa kembali ke mode compose postingan. Sesuaikan tinggi dan lebar scroll sesuai yang teman butuhkan.
Catatan
jangan lupa untuk merubah dan mempercantik tampilan menjadi seperti apa yang anda inginkan.
Garis Tepi
Warna Garis Tepi
Warna Background
Lebar
Tinggi
