Tutorial Cara Membuat Scroll Box dengan Background Kertas

Pagi Sobat Blogger,,,tepat pukul 0:47 WIB saya ingin share cara membuat Scroll Box dengan Background Kertas

1. Login Blogger Sobat Sendiri,,hehehehehe
2. Masuk ke Rancangan, Edit HTML, dan cari Kode ]]></b:skin>
3. Letakkan Kode Script dibawah ini di atas Kode Scritp ]]></b:skin> Lalu simpan Template

/* scroll
----------------------------------------------- */
.scrollboxs{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLxOWP2bHPDnOSNcntKgKgsMx4o7gxvjClNKQa9Nz0TA1sce2LSmD25_3RbqZsvlpePB-fp20WaH2ysvIPpHmFoJyJ9OTJvD4-7akBOXxJ_XrOwZ2DadqlB8wVuCWLDNkVCkyhmhMA_nA/s1600/papers.jpg) repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVg2YdiVs-MYRM5pSnE9l9JVifGjVNh5LCmdoRu5xoW8YKZ0wo1k6UWmguvxkZQ0zbkGYRnRCy2L23eB48Qf72dfkAG9ImkzFR_EgqhuDzpSktaKvh-Tb1QDAWQBsc4nhfeIV-aIpHrUW1/s1600/papers.jpg) repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#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 sobat semua,

simpan template...

selanjutnya cara pemanggilannya pada Html atau pada edit html Posting:

<div class"scrollboxs">
Teks Yang ingin disimpan pada scroll box</div>