Scroll Box
merupakan sebuah kotak yang dapat diisi kode HTML, gambar dll yang berfungsi supaya halaman postingan blog tidak terlalu panjang dan enak dilihat, untuk penerapan pada blogspot sangat mudah.
Caramenggunakan
yang pertama login ke blogspot kemudian ke menu postingan dan klik entry baru, di pojok kiri atas terdapat mode tampilan compose dan HTML, klik HTML dan copy code dibawah.
<div style="height:120px;width:120px;border:1px solid #ccc;font:16px/26px Georgia, Garamond, Serif;overflow:auto;"> As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box. </div>
Jika ingin memasukan sesuatu kedalam scroll box klik kembali mode tampilan compose maka akan terlihat kotak scroll box, masukan kode HTML, gambar atau yang lainya yang ingin di tampilkan ke dalam scroll box dan klik simpan.
Untuk mengatur tinggi dan lebar scroll box bisa di rubah angka width dan height yang di cetak biru.
Contoh hasil dengan teks:
Cara untuk gambar:
<div style="height:180px;width:180px;overflow:auto;"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnHWlEbUXFg0C-VqLwcWYX3zXNqW_AL-q4G_0DYrxDrF_iCZhvqnVb6a6B884AyG02sp1m4LGzN3gppTOifXPc7E96lia1zjrnTzBabxmsLIQZkgz5-KJtMRi64jBoB4AXaxsg9eGHA_QNSMtBVcbVTHOc5fbyKSXM6XuA4LJG-gcqo2VG7bq6uSOuXcw/s558/Untitled-1%20copy.PNG" alt="Sample picture for scroll box"> </div>
Jika ingin memasukan sesuatu kedalam scroll box klik kembali mode tampilan compose maka akan terlihat kotak scroll box, masukan kode HTML, gambar atau yang lainya yang ingin di tampilkan ke dalam scroll box dan klik simpan.
Untuk mengatur tinggi dan lebar scroll box bisa di rubah angka width dan height yang di cetak biru.
Contoh hasil dengan gambar:
