Membuat Scroll Box di Blogspot

Membuat Scroll Box di Blogspot - Scroll Box adalah sebuah kotak yang bisa anda isi dengan tulisan maupun gambar yang bisa anda fungsikan dengan scroll, seberapa banyak tulisan maupun gambar tidak akan menghabiskan banyak tempat karena menggunakan fungsi scroll. Fungsi lainnya yakni mempermudah loading blog kita, sehingga loading blog tidak akan berat.

Seperti contoh dibawah ini :

Rochyan1
Rochyan2
Rochyan3
Rochyan4
Rochyan5
Rochyan6
Rochyan7
Rochyan8
Rochyan9
Rochyan10
Rochyan11
Rochyan12
Rochyan13
Rochyan14

Untuk pembuatannya sangat mudah dan tidak butuh banyak waktu. Anda tinggal copy code HTML dan isi kotak scroll dengan tulisan atau gambar anda.

Code HTML

<div style="overflow:auto;width:400px;height:150px;padding:10px;border:1px solid #eee">

"isi tulisan anda" 

</div>

• Keterangan : 

               * widht : Lebar scroll box

               * height : Tinggi scroll box

               * warna hijau : Isi scroll box anda

               * #eee : batas box

Contoh Pembuatan Scroll Box :

<div style="border: 1px solid #eee; height: 100px; overflow: auto; padding: 10px; width: 300px;">

<a href="http://rochyannr.com/" target="_blank">Rochyan1</a><br />

<a href="http://rochyannr.com/" target="_blank">Rochyan2</a><br />

<a href="http://rochyannr.com/" target="_blank">Rochyan3</a><br />

<a href="http://rochyannr.com/" target="_blank">Rochyan4</a><br />

<a href="http://rochyannr.com/" target="_blank">Rochyan5</a><br />

<a href="http://rochyannr.com/" target="_blank">Rochyan6</a><br />

<a href="http://rochyannr.com/" target="_blank">Rochyan7</a><br />

<a href="http://rochyannr.com/" target="_blank">Rochyan8</a><br />

<a href="http://rochyannr.com/" target="_blank">Rochyan9</a><br />

<a href="http://rochyannr.com/" target="_blank">Rochyan10</a><br />

<a href="http://rochyannr.com/" target="_blank">Rochyan11</a><br />

<a href="http://rochyannr.com/" target="_blank">Rochyan12</a><br />

<a href="http://rochyannr.com/" target="_blank">Rochyan13</a><br />

<a href="http://rochyannr.com/" target="_blank">Rochyan14</a>

</div>

Hasilnya akan terlihat seperti dibawah ini :

Rochyan1
Rochyan2
Rochyan3
Rochyan4
Rochyan5
Rochyan6
Rochyan7
Rochyan8
Rochyan9
Rochyan10
Rochyan11
Rochyan12
Rochyan13
Rochyan14

         Gampang kan? Sekian sedikit tips siang ini, semoga bisa memecahkan masalah anda tentang pembuatan scroll box. Jika anda sedikit bingung silahkan bertanya.
Terimakasih telah meluangkan waktu anda untuk membaca artikel ini.

Wassalamualaikum.

Ditulis Oleh : Unknown ~ Admin Rochyannr

anda sedang membaca artikel tentang Membuat Scroll Box di Blogspot. Konten diatas secara original ditulis oleh Admin rochyannr.com, Anda diperbolehkan mengcopy-paste atau menyebar luaskan artikel diatas, namun sertakan juga link dibawah ini sebagai sumbernya artikel yang anda buat. Dan jangan lupa, komen yang bermutu. <a href="https://bangocan.blogspot.com/2013/03/membuat-scroll-box-di-blogspot.html" target="_blank">Membuat Scroll Box di Blogspot</a>

:: Get this widget ! ::