Anda di halaman 1dari 2

Cara Mudah Membuat Scroll Box dengan Background Kertas By. Alghifary 1. Cara membuatnya : Login blogger 2.

Rancangan, Edit Html, Cari kode ]]></b:skin> 3. Dan Simpan kode berikut diatasnya (Sekaligus Demonya ada dibawah ini) : /* scroll ----------------------------------------------- */ .scrollboxs{ background: url(https://lh4.googleusercontent.com/-5waj-aIF9dU/TW-HqLY4d1I/AAAAA AAAASQ/38pLUn_Eu2Q/s1600/papers.jpg) repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endC olorstr='#cccccc'); color: #940f04; color:rgba(0,0,0,0.9); border:1px solid rgba(0,0,0,0.5); -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; -webkit-box-shadow: 3px 3px 5px #000000; -moz-box-shadow: 3px 3px 5px #000000; -webkit-border-bottom-left-radius:10px; text-shadow:1px 1px 0px rgba(255,255,255,0.8); text-decoration: none; padding: 3px; overflow: auto; width: auto; height: 150px; padding-top:3px; padding-bottom:3px; } .scrollboxs a, .scroll:hover { background: url(https://lh6.googleusercontent.com/-7EyIrmKnMhU/TWkEaNz8z8I/AAAAA AAAABo/KxVoPQB6ZlQ/s1600/papers.jpg) repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endC olorstr='#f3f3f3'); color:#000; color:rgba(0,0,0,0.9); border:1px solid rgba(0,0,0,0.5); -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-bottomleft:10px; -webkit-box-shadow: 3px 3px 5px #2E2E2E; -moz-box-shadow: 3px 3px 5px #2E2E2E; -webkit-border-bottom-left-radius:10px; text-shadow:1px 1px 0px rgba(255,255,255,0.8); text-decoration: none; padding: 3px; overflow: auto; width: auto; height: 150px; padding-top:3px;

padding-bottom:3px; } Untuk ukuran Height ,Width dan lainnya silahkan sesuaikan dengan keinginan kawan -kawan, simpan template... selanjutnya cara pemanggilannya pada Html atau pada edit html Posting: Untuk ukuran Height ,Width dan lainnya silahkan sesuaikan dengan keinginan kawan -kawan, simpan template... selanjutnya cara pemanggilannya pada Html atau pada edit html Posting: Untuk ukuran Height ,Width dan lainnya silahkan sesuaikan dengan keinginan kawan -kawan, simpan template... selanjutnya cara pemanggilannya pada Html atau pada edit html Posting: <div class"scrollboxs"> Teks Yang ingin disimpan pada scroll box</div>