Hi!!pagi semua..ari nie nak ajar lagi satu tutorial baru kat korang sumer..semalam masa bukak email, tetiba ada pertanyaan dari seorang teman
Bagaimana yerk cara untuk membuat posting berada dalam scroll.Boleh x ajar??
Lebih kurang macam tulah pertanyaan nya tu.So sebenarnya mungkin apa yang dimaksudkan teman tersebut adalah seperti berikut :

Korang akan dapati bahawa semua posting yang korang buat berada didalam scroll.So seandainya posting korang tu panjang berjela..yelah kalau citer yang korang nak sampaikan tu bermula dari Johor sampai ke sempadan Thailand..huhuhuhu..mahunyer post tu x panjang berjela sampai ke bawah..Sebenarnya cara ini bagus bagi menjimatkan ruang blog korang..So nak tau x bagaimana untuk membuatnya??
Cam biasak le yer..
1.Login ke blog korang
2.Klik Layout
3.Klik Edit HTML
4.Cari kod
.post {
height:200px;
overflow:auto;
}
Masukkan kod berwarna biru didalamnya.
5.Kemudian Save..dan korang bolehlah melihat hasilnya.
Tapi jika korang tidak mahu semua post korang berada didalam scroll cuma mahu segelintir sahaja seperti ini
Contoh:-
Korang akan dapati bahawa semua posting yang korang buat berada didalam scroll.So seandainya posting korang tu panjang berjela..yelah kalau citer yang korang nak sampaikan tu bermula dari Johor sampai ke sempadan Thailand..huhuhuhu..mahunyer post tu x panjang berjela sampai ke bawah..Sebenarnya cara ini bagus bagi menjimatkan ruang blog korang..So nak tau x bagaimana untuk membuatnya??
Cam biasak le yer..
1.Login ke blog korang
2.Klik Layout
3.Klik Edit HTML
4.Cari kod
.post {
height:200px;
overflow:auto;
}
Masukkan kod berwarna biru didalamnya.
5.Kemudian Save..dan korang bolehlah melihat hasilnya.
2.Klik Layout
3.Klik Edit HTML
4.Cari kod
.post {
height:200px;
overflow:auto;
}
Masukkan kod berwarna biru didalamnya.
5.Kemudian Save..dan korang bolehlah melihat hasilnya.
Untuk membuatnya dalah mudah..
Korang cuma perlu memasukkan kod
<div style="BORDER-RIGHT: #ff0099 1px solid; BORDER-TOP: #ff0099 1px solid; OVERFLOW: scroll; BORDER-LEFT: #ff0099 1px solid; WIDTH: 500px; BORDER-BOTTOM: #ff0099 1px solid; HEIGHT: 120px">Masukkan teks korang didalam ini</div>
setiap kali korang membuat posting.
Okeis selamat berjaya.Hepi blogging
***Kod bewarna hijau boleh diubah bersesuaian dengan lebar dan ketinggian scroll yang ingin korang paparkan
9 Teman-teman yang sudi komen:
thanx gilew2!!!! amat berguna!
okeis..u punyer blog nice :)
hu2 dapat wat, senang je...tapi kalau xnk keluarkan semua teks yang panjang dengan cara lain iaitu klik for "more reading"camne ek? harap2 faham soklan..tq
akak mcm mana kalau nak besarkan saiz dia??
ummu aisyah
untuk membesarkan saiznya..ummu cuma perlu ubah kan nilai width dan jika nak ubah ketinggian scroll,ummu blh ubahkan nilai height
joezt_Joe
sy dah buat tutorial yang diinginkan
nice post. thanks coz share ilmu.
mohd ruzaini
TQ, datang2ler selalu kat blog nie :)
U MEMANG MANTAP!!!!!!!!!!!!!!
Post a Comment