cara letak scroll pada posting

Dalam artikel sebelum ini juga ada berkaitan dengan scroll dimana ia diletakkan pada widget disidebar.Scroll ini hanya muncul secara automatik bila ketinggian kandungan melebihi ukuran yang ditetapkan.Scroll juga boleh diletakkan pada keseluruhanposting   atau  sebahagian teks sahaja pada posting yang dikehendakki.
scroll pada posting

Bagi meletakkan pada keseluruhan posting
masuk ke dashboard---template---edit html

search

cari kod  .post {  pada template dan tambahkan kod merah seperti bawah

.post {
height:180px;
overflow:auto;
}

meletak scroll pada teks tertentu sahaja pada posting

masukkan kod berikut pada template

.scrollbox {
height:110px;
width:420px;
overflow:auto;
}

letakkan diatas kod ]]></b:skin>

Semasa membuat posting dan pada mode edit html masukkan kod dibawah
<div class="scrollbox">teks yang ingin dipaparkan dalam bentuk scroll</div>


update 14/5/2013

Post a Comment

11 Comments:

AdiaLuze said...
Teknik Buat Blog

Thanks for sharing..Nanti leh la test2 buat... :)

shah-kayrul said...
Teknik Buat Blog

menarik jer...mesti nak try gak nanti

suffer8zine said...
Teknik Buat Blog

nice tuto

Terkini : Fakta Menarik Tentang Tidur

Rahwana said...
Teknik Buat Blog

ada kesan x bro?

yahaya said...
Teknik Buat Blog

@Rahwanatiada apa apa yg perlu digusarkan.kalau panjang sangat guna scroll lebih baik

Bung Deb's said...
Teknik Buat Blog

tutorial yang menarik.. good posting

noraim said...
Teknik Buat Blog

kalo nak letak gmbr dlm scroll tuh cmne?

yahaya said...
Teknik Buat Blog

@noraim
<img src="http://i219.photobucket.com/albums/cc282/garam63/logotbb.jpg"/>

letak kod mcm ni..kena upload gambar dan letak pada link gambar kod..mcm diatas..

LaNa said...
Teknik Buat Blog

dah cuba buat tapi semua pun tdk berjaya...boleh tak bagi contoh di mana kita nak copy lepas tu paste kat mana dlm edit HTML confuse la....:)

Mia Mandy said...
Teknik Buat Blog

klau tak jumpa .post} camner??

Anonymous said...
Teknik Buat Blog

terima kasih bebanyak......