Cara Membuat IFRAME Scroll Box di posting Blog

Model Scrol Box background Putih dan backround warnaMembuat 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.

Copy Paste kode script di bawah ini pada halaman posting. Letakan pada Mode HTML bukan pada mode Compose.

Baca Juga:  Cara Mematikan Fitur CTRL U di Blog

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&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 kode ….
</div>

Advertisement
<!– 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 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.

Baca Juga:  Cara Daftar Google Analitic Untuk Melihat Statistik Blog Dengan Mudah

Catatan

jangan lupa untuk merubah dan mempercantik tampilan menjadi seperti apa yang anda inginkan.

Garis Tepi
Warna Garis Tepi
Warna Background
Lebar
Tinggi

Advertisement