Cara membuat Scroll Box dengan Background:
Untuk ukuran Height ,Width dan lainnya silahkan
sesuaikan
dengan keinginan kawan-kawan,
simpan template...
selanjutnya cara pemanggilannya pada Html atau pada edit html Posting:
- Login blogger
- Rancangan, Edit Html, Cari kode ]]>
- Dan Simpan kode berikut diatasnya (Sekaligus Demonya ada dibawah ini):
/* scroll ----------------------------------------------- */ .scrollboxs{ background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC4GfeooWHHh8zj2j_cj_b7PVbT9eZS0iZHarjn45dyL72WDLGlNFGmhcBDqBoEsAnQxWXtFczZEskWW2jqLJQiyVatFIQ10E9f7wbT5XBXJtaw8XohmHu6C18G-rkM0pNEZ1YmMZAt2o/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/AVvXsEjjQ95bj6FugBXvnzfjtBlkvEXwxIsNS4HWVq3PsXzrtJfo-FsnMwNzY-X_NqSa96Bmo6fMqMvBNxkmYbl9eccUP7A8Wc2xLBMfufemgsw6bJtOYGMhSTToYI_2O24ZjnvDyTK0eXJKZr6r/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; }
simpan template...
selanjutnya cara pemanggilannya pada Html atau pada edit html Posting:
Teks Yang
ingin disimpan pada scroll box
Habis Baca jangan lupa Jempolnya...thanks..
Artikel Terkait:
Anda sedang membaca artikel tentang Cara Mudah Membuat Scroll Box dengan Background dan anda bisa menemukan artikel Cara Mudah Membuat Scroll Box dengan Background ini dengan url http://inforinaldi.blogspot.com/2013/01/cara-mudah-membuat-scroll-box-dengan.html, dan Terimakasih Sudah Membaca Artikel Cara Mudah Membuat Scroll Box dengan Background Dan Semoga Uraian dan Pembahasan Tentang Cara Mudah Membuat Scroll Box dengan Background Bermanfaat Buat Sobat Semua.
waaah bermanfaat sob, ada contohnya gag ini??
BalasHapus:)