Udah pada tau kan scroll bar itu,
Tanpa pake pendahuluan dulu, Ayuuk kita langsung ke TKP:
Letakan kode di bawah ini pada widget ato yang lainya yg ingin anda buat scroll:
<div style="overflow: auto;background-color:#ffffff; margin: 0px auto; padding: 5px; height: 200px;width: 94%;text-align: left;">
(LETAKKAN KODE ISI SCROLL BAR DI SINI)
</div>
1. Buka Pengaturan, Design, Edit Html. Lalu cari nama widget yang hendak anda jadikan scroll. Misalkan saja disini Archive blog, maka saya akan cari tulisan BlogArchive
2. Tambakahan kode CSS berikut ini diatas ]]></b:skin>
#BlogArchive .widget-content{
height:200px;
width:auto;
overflow:auto;
}
3. Usahakan yang berwarna merah harus sama dengan nama widget yang hendak anda jadikan scroll
1. Pada Edit html template blogspot, silahkan anda cari widget yang hendak anda berikan scroll. Lalu pada bagian bawah dari kode widget tersebut cari kode
div class='widget-content'
2. Tambahkan kode style='overflow:auto; height:230px' disamping kode div class='widget-content' Sehingga menjadi
<div class='widget-content' style='overflow:auto; height:230px'>
UNTUK CARA MEMBUAT SCROLL DI DALAM POSTINGAN BERIKUT CARANYA:
- Klik Tata Letak edit HTML
- Beri tanda centang pada "Expand Template Widget" yang ada di pojok kanan
- Kemudian Carai code berikut ]]></b:skin> copy dan letakkan code di bahwah ini tepat di atas ]]></b:skin> :
.scrollbox {
height:150px;
width:450px;
overflow:auto;
}
Lihat text yang berwarna Biru itu adalah ukuran scrollbar. anda bisa menggantinya dengan ukuran yang anda inginkan. lalu SIMPAN TEMPLATE.
- Pada saat anda memposting, letakkan isi postingan yang akan di scrollbar di antara code
<div class="scrollbox"> dan </div>
Contohnya adalah sebagai berikut.
<div class="scrollbox">
ISI POSTINGAN ANDA DI SINI
ISI POSTINGAN ANDA DI SINI
ISI POSTINGAN ANDA DI SINI
ISI POSTINGAN ANDA DI SINI
ISI POSTINGAN ANDA DI SINI
</div>
2 komentar:
makasih sob tutor'a
Sama2 gan,. :)
Posting Komentar
Silahkan berikan komentar anda!!