Sebenarnya
tips ini telah dibuat beberapa bulan yang lalu (dalam bentuk draft),
atas pertanyaan dari salah satu pengunjung EPG Studio. Tapi karena tips
ini jarang yang menampilkan pada blog, maka postingan tersebut tetap
dalam bentuk draft. Pada waktu admin EPG Studio melakukan Blogwalking,
secara kebetulan ketemu sebuah blog yang pada postingannya menggunakan
scroll, lalu teringat akan draft yang belum sempat dipublikasikan. Jadi
bagi anda yang ingin postingannya memiliki scroll, silahkan ikuti tips
dibawah ini.
- Masuk ke Blogger
- Pilih Rancangan kemudian klik Edit Template
- Cari kode ini :
/* Posts
-----------------------------------------------
*/ - Scroll sedikit kebawah sampai ketemu kode ini :
.post {
line-height: 1.4;
font-size: 110%;
position: relative;
} - Atau jika tidak ketemu (mungkin templatenya berbeda), cari kode ini :
.post-body {
line-height: 1.4;
font-size: 110%;
position: relative;
} - Tambahkan kode dibawah ini :
height:150px;
overflow:auto; - Susunanya jadi seperti ini :
.post {
line-height: 1.4;
font-size: 110%;
position: relative;
height:150px;
overflow:auto;
} - Perhatikan cara penempatannya, yang berwarna merah merupakan kode yang ditambahkan
- Ubah angka pada height untuk menyesuaikan dengan keperluan.
- Klik tombol Simpan Template.
- Selesai
Read more: http://epg-studio.blogspot.com/2011/01/menampilkan-scroll-pada-postingan.html#ixzz1r83qO9sp
