Sabtu, 07 Februari 2009

Cara Menambahkan Scrool Bar Pada Body Posting

Menambahkan Scrool Bar pada body posting mempunyai efek yang hampir mirip dengan efek Read more pada postingan jadi jika anda yang belum membuat efek read more anda bisa menggunakan trik ini.

1.Pertama, login ke http://blogger.com hingga masuk Dasbor >> Tata Letak (layout) >> Edit HTML

2.Kedua, kemudian temukan kode css yang kurang lebih seperti di bawah ini.
cara mencari kodenya Copy kode dibawah ini terus pada edit html tekan tombol control + F dan akan muncul pop up Find pada IE sedang pada Firefox akan muncul di bawah ,selanjutnya paste code dan tekan find .

.post {
margin:.3em 0 25px;
padding:0 13px;
border:1px dotted $borderColor;
border-width:1px 0;
}



3.Ketiga, kemudian tambahkan kode di bawah ini pada kode css di atas.



height:150px;
overflow:auto;



keterangan >> angka 150px merupakan ukuran tinggi yang dapat Anda ganti sesuai kebutuhan/keinginan.

Sehingga secara keseluruhan kode css-nya menjadi seperti di bawah ini. (kode yang Terlihat tebal adalah kode yang baru kita tambahkan).

.post {
margin:.3em 0 25px;
padding:0 13px;
border:1px dotted $borderColor;
border-width:1px 0;


height:150px;
overflow:auto;


}



4.Kemudian save edit templete

Dan Jika kita lihat blog kita hasilnya akan seperti di bawah ini





Ok selamat mencoba semoga berhasil

Posted by: Bambang PageBambang PageUpdated at : 08.19


Jika Anda Menyukai Artkel Seperti Di atas,Link back ke artikel ini dengan mengcopy salah satu kode di bawah ini

URL untuk Postingan:


HTML Link Code:

BB (forum) link code:



0 komentar:

Posting Komentar

 

Copyright 2011 Bambang's Page is proudly powered by blogger.com | Design by Bambang's Page | Find us on Google+

Postingan Baru

Komentar Baru

Postingan Acak