Home » » Membuat Dan Menambahkan Scroll Box Di Posting Blog

Membuat Dan Menambahkan Scroll Box Di Posting Blog

menambahkan scroll boxMembuat Dan Menambahkan Scroll Box Di Posting Blog
Di dalam penulisan sebuah artikel yang cukup panjang yang berisikan beberapa kode penting yang akan kita bagikan kepada pengunjung memang membutuhkan halaman yang cukup panjang juga. Untuk menghindari halaman yang terlalu panjang perlu beberapa trik khusus yang dibutuhkan. Khusus untuk beberapa hal-hal yang penting kita buat sebuah Scroll Box yang berisikan hal-hal yang penting yang membutuhkan halaman yang panjang. Dengan adanya Scroll Box kita bisa sedikit menghemat halaman sehingga teks yang kita sajikan tidak terlalu membosankan.

Dalam Pemasangan Scroll Box di posting blog tidaklah terlalu susah. Ikuti langkah-langkah di bawah ini.

1. Copy Paste kode script di bawah ini pada halaman posting yang sedang dibuat. Lakukan pada Mode HTML bukan pada mode Compose.

* Contoh 1
<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&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 -->

* Contoh 2
<div style="border: 1px solid #aeb404;background:#f5f6ce; 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&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 -->


diwaktu mengisikan kode script atau apapun yang penting yang akan kita isikan di dalam scroll box, jangan lupa untuk kembali ke mode compose. Sesuaikan tinggi dan lebar scroll sesuai yang teman butuhkan.

0 komentar:

Post a Comment

* Komentarlah yang sopan dan tidak mengandung sarah.
* Jangan gunakan Kotak Komentar dengan promosi produk serta usaha yang anda miliki. Silakan gunakan sarana Review Produk dan Jasa di blog ini. Maaf, akan dihapus.
* Terima kasih atas kunjungan, komentar dan partisipasi yang diberikan.

.