Blog-list widget dan Penampakanya

Yup mugkin kita sudah sama-sama mafhum tentang gadget Daftar Blog atau lebi pamiliar dengan sebutan Blog-list . yakni sebuah gadget link list yang bisa menampilkan url, sebuah feed atau inport  feed dari google reader. 

konon menurut primbon dengan memasang gadget ini, selain kita dapat menikmati update berlangganan artikel dari url yang kita masukan,  bloglist ini dapat di baca atau di crawl oleh seacrh engine.

Namun menururt saya, ada sebuah kelemahan pada html atau penampakan-nya  blog list ini, terutama bagi yang tidak menyertakan  atau yang tidak ingin menampilkan sebuah ikon pada link list-nya. maka yang terjadi akan terlihat sebuah space , jarak atau ruang kosong yang bagi saya pribadi sangat tidak suka karena tidak  sedap di pandang .

Spetakuler Event

Trick cara membelah kolom komentar se perti membelah buah durian ??
Read more

Blogwalking

Trilogi menampilkan kode html/javascript pada postinga dari mochal
Subagya-Blog

Test adu cepat Inter net Explorer 8, Fire Fox 3 dan Google Cro me
paank fachrezi

Seperti ilustrasi gambar di atas nampak keliatan list-nya menjorok ke kanan, dan terlihat sebuah ruang kosong.

Solusinya sebenarnya sangat sederhana sekali. kita cuman perlu taambahkan pada bagian kode Css-nya seperti ini.

 

#BlogList1 ul li, #BlogList2 ul li {
background:none;
}

.blog-icon {
display:none;
}

Sedangkan jika kita ingin mempercantik area blog list, contohnya menambah sebuah border pemengalan antar list.  kita bisa menambahkan kode tambahan lagi seperti ini.

 

#BlogList1 ul li, #BlogList2 ul li {
background:none;
}

.blog-icon {
display:none;
}

.blog-content {
border-bottom:1px dotted #ccc;
padding-bottom:10px;
}

Jika kita ingin menambah jarak antara judul blog dan tulisan-nya kita tambahkan kode  css seperti ini.

 

#BlogList1 ul li, #BlogList2 ul li {
background:none;
}

.blog-icon {
display:none;
}
.blog-content {
border-bottom:1px dotted #ccc;
padding-bottom:10px;
}

.blog-title{
padding-bottom:10px;
}

 

Dan Itu sebenarnya hanya merupakan salah satu cara saja untuk mengcustomise perwajahan blog list tersebut.