Kamis, 24 Maret 2011

cara menamba scrol pada posting di blog

Fungsi Scroll Pada Kolom Posting
Untuk cara membuat fungsi scroll ini seperti biasa sobat tinggal mengikuti langkah berikut ini :


1. Login ke Blogger.com dengan id sobat tentunya.
2. Klik Tata Letak.
3. Klik Edit Html dan jangan memberi centang pada kotak kecil disamping tulisan Expand Template Widget.
4. Seperti biasa juga download template lengkap dulu untuk berjaga-jaga bila ada kesalahan dalam editing kode template sobat bisa mengembalikannya seperti semula.
5. Langkah selanjutnya cari code CSS seperti ini :

.post {
bla bla bla
bla bla bla
bla bla bla
}

Kenapa saya tulis seperti itu? Karena pada tiap template kodenya berbeda-beda tapi yang paling penting sobat cari kode (.Post {) ini saja sudah cukup.
6. Selanjutnya sisipkan kode di bawah ini di antara kode-kode tersebut.

overflow: auto;
height : 200px; /* Ini adalah ukuran tinggi scroll */

sebagai contoh penambahan kode di atas seperti ini:

.post {
background:#F2F2F2;
width: 540px;
float: $startSide;
margin: 0 10px 10px;
padding: 10px;
border: 1px solid $bordercolor;
overflow: auto;
height: 200px; /* Ini adalah ukuran tinggi scroll */
}

7. Klik tombol Simpan Template jangan di pratinjau..
8. Selesai

kalau berhasil jangan lupa komen & follow

Tidak ada komentar:

Posting Komentar

makasih ya atas kunjungannya.