Asiknya Memangfaatkan gadget bloglist untuk recent post

Masih melanjutkan tentang layout ala portal berita . jika anda suka main ke republika.co.id, detik net, atau kompas. maka kita akan di suguhi dengan ringkasan berita yang di simpan dalam kolom-kolom kecil tersusun rapi. dan yang menarik ringkasan berita tesebut di sertai pula gambar kecil di samping kiri, setidaknya bagi saya yang melihat selain menarik juga tidak  menjemukan.

Nah sebenarnya kita pemakai blogspot pun bisa menampilkan recent post bergaya portal berita tersebut. contohnya bisa saudara temukan pada recent post blognya tukang nyepam ini.

Caranya sebenarnya relatif mudah, kita hanya menambahkan sebuah gadget bloglist. *biasanya yang saya pilih.

Title of most recent item = judul blog dan judul postingan
Snippet of most recent item = ringkasan postingan
Thumbnail of most recent item : menampilkan gambar postingan
Date of last update = tanggal di terbitkanya postingan.

Kemudian pada jendela Add to your blog list masukan alamat feed kita disertai sebuah parameter index.

http://namamu.blogspot.com/feeds/posts/default/?start-index=2

atau

http://www.blogger.com/feeds/3657200694083844489/posts/default /?star-
index=2

* ganti no id-nya dengan  id anda

* ganti angka 2 diatas jika kita ingin menampilkan recent post berikutnya

Jika postingan anda mempunyai gambar maka pada recent postnya akan terlihat dan di sertai gambar pula. dengan syarat anda harus membuat postingan pada Post Editor yang di miliki blogspot. Sedangkan jika anda memakai edittor blog yang lain seperti. scribefire, windows live writer dll. maka gambar feednya tidak akan di ikut sertakan.

coba anda perhatikan ketika menambahkan gambar pada edit blog yang di miliki blogspot.

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"    
href="http://2.bp.blogspot.com/_dShEltFXlHs/SPYAr7MakBI/AAAAAAAADs4/    
XoheF418Vyk/s1600-h/be-autodidact%282%29.gif"><img style="cursor: pointer;"     
src="http://2.bp.blogspot.com/_dShEltFXlHs/SPYAr7MakBI/AAAAAAAADs4/    
XoheF418Vyk/s200/be-autodidact%282%29.gif" alt="" id=" color="#ff0000">    
BLOGGER_PHOTO_ID_5257390369625772050" border="0" /></a>

* tulisan yang saya beri warna merah tersebut menunjukan gambar id yang akan di tambahkan pada blog kita. dan coba bandingkan jika menambah gambar pada editor blog yang lain.

ilustrasi membuat postingan dengan Post Editor blogspot.

ilustrasi membuat postingan dengan editor lain.

* jika anda mengunakan editor blog lain, tambhakan dulu gambar pd editblog di blogspot kemudian copas pada editor blog yang biasa kita pake. ( bingung…yach ).

setelah itu saya menambahkan pada Css-nya kode ini.

.blog-title {
display:none;
}

atau jika kita mempunyai banyak gadget bloglist untuk mengelolanya, menjadi

#BlogList1.blog-title{
display:none;
}

* biasanya untuk setiap menambahkan gadget bloglist maka id-nya bisa berbeda Bloglist1, Bloglist2 dll.

Download Minima Cigazine Template

Makacih atas kunjugan dan supportnya selama ini

Page views this post: reader