Cara Menciptakan Iframe Scroll Box Di Posting Blog - Fezarzone

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 alasannya konten tersebut usang 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 menciptakan kotak arahan keren dengan scroll box
Model Scrol Box background Putih dan backround warna

Copy Paste arahan 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 arahan .... </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&amp;boxtag=bhrlgp&amp;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&amp;boxtag=bhrlgp&amp;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 arahan ....
</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&amp;boxtag=bhrlgp&amp;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&amp;boxtag=bhrlgp&amp;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 ketika mengisikan arahan 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 ibarat apa yang anda inginkan.

Garis Tepi
Warna Garis Tepi
Warna Background
Lebar
Tinggi