List atau Daftar pada sebuah blog merupakan tampilan yang dapat berisi image, teks informasi, link, dll. Tampilan ini tentu saja berguna bagi blogger untuk menampilkan sebuah informasi yang dapat dibaca langsung oleh pengunjung. Seperti pada gambar berikut ini.
Bagaimana menarik bukan..? Tampilan ini dapat anda letakkan pada sidebar/widget bahkan pada posting artikel yang anda buat.
Secara default kode untuk membuat daftar pada blog adalah seperti berikut ini :
Penjelasan dari kode diatas :
1. overflow:auto adalah kode jika daftar isinya banyak maka penggulung vertikal akan otomatis mengecil.
2. width:320px dan height:105px ini adalah ukuran dari daftar yang anda buat, lebar dan tingginya dapat anda ubah sesuai dengan sidebar/widget blog anda.
3. padding:5px ini adalah jarak antara teks/image dengan border, dapat anda ubah
4. border:1px dan solid#FFCC66 ini adalah lebar border dan warna border, juga dapat anda sesuaikan.
Jika sobat ingin membuat tampilan daftar seperti pada gambar diatas tentu saja ada beberapa kode yang harus anda tambahkan/modifikasi. Untuk hal tersebut sobat dapat men-download kode yang sudah saya modifikasi disini. Oke selamat mencoba.
Bagaimana menarik bukan..? Tampilan ini dapat anda letakkan pada sidebar/widget bahkan pada posting artikel yang anda buat.Secara default kode untuk membuat daftar pada blog adalah seperti berikut ini :
Penjelasan dari kode diatas :
1. overflow:auto adalah kode jika daftar isinya banyak maka penggulung vertikal akan otomatis mengecil.
2. width:320px dan height:105px ini adalah ukuran dari daftar yang anda buat, lebar dan tingginya dapat anda ubah sesuai dengan sidebar/widget blog anda.
3. padding:5px ini adalah jarak antara teks/image dengan border, dapat anda ubah
4. border:1px dan solid#FFCC66 ini adalah lebar border dan warna border, juga dapat anda sesuaikan.
Jika sobat ingin membuat tampilan daftar seperti pada gambar diatas tentu saja ada beberapa kode yang harus anda tambahkan/modifikasi. Untuk hal tersebut sobat dapat men-download kode yang sudah saya modifikasi disini. Oke selamat mencoba.
oke terus tips nyo pak .... thank's pak ...!!