Cara Mudah Membuat Scroll Box dengan Background Kertas

Cara membuat scroll box dengan background kertas :

1. 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiauIDjpZ0ytPHfELzM-pLiJs3fP6G8U50hN19iwO-jSxyVoySY6oGDRHPDHxSj3h5Rd8_MX0zfTL17F1hdCSrbn7UQxsmpB_to2Kcn_aiwoQCFZBH5XIdbGW6uPVLngV7kORP-LxZo5xc/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/AVvXsEjNMzIi4Yv0GtqCWZi91bE6nsQ40N-tRXwTXDuwHEErYQqxsRHpaIuyIaVFAudMcm1BZ7HkcvgrdAP5iJNpWEP56rPGDKhReTcslZt9FWwZid-H9e0XLJmlrLfrXFet3cMIGZxRHlWCAn0n/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 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>

Semoga bermanfaat