 |
| 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 aba-aba keren dengan scroll box
Model Scrol Box background Putih dan backround warna
Copy Paste aba-aba 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 aba-aba .... </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 aba-aba ....
</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 dikala mengisikan aba-aba 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 sobat butuhkan.
Catatan
jangan lupa untuk merubah dan mempercantik tampilan menjadi menyerupai apa yang anda inginkan.
Garis Tepi
Warna Garis Tepi
Warna Background
Lebar
Tinggi
Buat lebih berguna, kongsi:
