BloonOnline GoTemplatez VersiEdan
Facebook Twitter You Tube Friendfeed
Blog Seo Intermezo

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.

bloglist 01

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

bloggerlist 2

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.

gam feed 01

ilustrasi membuat postingan dengan editor lain.

gam feed 02

* 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.

blog cat

tweety-02 (Custom) Download Minima Cigazine Template

Makacih atas kunjugan dan supportnya selama ini

Page views this post: reader

56 komentar:

Anonymous said...

yup...satuju dengan tulisannya....

Anonymous said...

Hhhhhmmm.....Bagus juga tuh blognya tukang nyepam...

Anasku said...

wah kreatif nih akang jaloee... met aktifitas aja kang... itu aku juga pgn coba ahhhh

Anonymous said...

akhiirnya sedikir naik di psosisi empat,...ojek ojek deeh,...
btw,, kayanya jadi tertarik bikin bog poertal neeh,..

Anonymous said...

memang asyikkkk juga memangfaatkan ilmu dari suhu nyang atu neyy..hihihihi..

dohhhhh ngiri banget ama yang punya sidebar lebih..wekekek..

akhhh coba di blog laennya ajah..nyuri ilmu yah kang..wekekek..

sip markosip..top markotop..

inga..inga..toinkkk..!!!

Anonymous said...

kerrennnnn...yihaaa. ..ngebookmark ah....ntar kalo udah slesai ngerjakan proposal mau nerapin...

anita mui said...

WEW...ada tantangan baru nih..minta ijin nyuri ilmunya mas..!!tingkyu..ya

belly wijaya said...

bertambah satu lagi ilmu hamba :)
Makasih ya Suhu...

Anonymous said...

lanjut terus.......kupasan terbarunya.... khan aku tinggal contek, he..he..ehe.....he...

sawa (tukang sapu radio) said...

Telammbat nih ane datengnya... nambah berat berapa Kb ya kalo ditampilin di blog ane yang udah lebih 0.5 ton?

Riri said...

wah kang bunda nggak mudeng..ha.ha ya wis simpen dulu.. tunggu bunda nambah pinter dulu

Anonymous said...

Oww gitu ya. Aku baru tau,mas. Thx ya. Bookmark dulu deh.
Nice info

Anonymous said...

The paank Return

ketinggalan beritaaaaaaa hu hu hu hu

Anonymous said...

Manteb bener.. asik jadi bisa liat photo langsung donk....

segera ke tempat peluncuran mas!!

Syamsul Alam said...

Wuahahahaha.... bagus sekali, huehehehehe.....

aku jadi pingin bikin web majalah trus, tak jadikan yang buagus, dengan referensi blog iki........:P Ngepost terus mas!!!

Anonymous said...

emang kang jaloe ini kreatip banget dah!

ampun...

Anonymous said...

boleh nich di coba.. thank infonya kang.?

Anonymous said...

Weh gak mati-mati nih ilmunya, aku kapan ya bisa niru.....!!!
kang jalooee aku bookmarks dulu ya, masalahnya masih lom sempat mau nyoba nih, terbentur kerjaan yang bejibun

Anonymous said...

adUuuh, ada lagi ilmu yg baru, kemaren aja dah pake puasa mutih, matigeni segala aku. *ini rahasia* yg kemaren masih dbook$#@s..hehe...
maaf kan akuH guruuu, jg kurangi tanda bintangku...wualah..
Yup !

Cebong Ipiet said...

Kang jaloee...kalo script bwt komentar biar bisa di next page ada kaga

Sali Monel said...

@Cebong Ipiet

Kayaknya belum ada yang nemu scriptnya deh mbak,,, mungkin kali kang jaloee yang nemukan ntar

Jaloee said...

@ Cebong Ipiet

Sebenarnya ada mba cuman kita mesti pake Template dari Ramani

Anonymous said...

sip , kantongi lagi ah...

Cebong Ipiet said...

ooo gitu yak *masih tuing2 ndak ngeti ttg Ramani* hihihi ditunggu perkembangan selanjutnya

Blog Kang Robby said...

O ya, Bro jalooe, saya mau masukkan berita seperti detik sport ke blog list. Ko' gk bisa ya.. Apa emang gk bisa atau ada trick khusus nih..

The Diary said...

di bookmark dulu yaa kang... aku lagi feel bad ntar malah berantakan blogku :((

Anang said...

sip suhu atas ilmunya

Anonymous said...

disave dulu kang..ntar dicoba coz masih agak capeeek..hehehehehe

Anonymous said...

Tipsnya oke nih kang.. bisa dcoba di blog say yg satunya... thx yak

Subagya said...

@ cebong > ho oh beneran wekekekekke...

Bontangers said...

Wah,..ga bisa ngomong aku kalo sudah ilmu yg kayak gini,...
Success,suhu!

Anonymous said...

Wah, bagus kang kayaknya aku menyukainya deh, ijin untuk mencobanya

Anonymous said...

sepp neh infonya, langsung cobain deh
thanks for sharing

Unknown said...

Akhirnya bisa juga blogwalking kekekeke :)
Wah bagus tuh bang...
Emang deh idenya ada-ada aja kekekeke
lanjuut.. Ide yang lain ditunggu ?! :D

Anonymous said...

WAlah ... kagak ngerti maksudnya ... :)

Imnoval said...

waoooooooooooo keren tapi kapan ya di coba soalnya aksesnya lemot nih :((

Anonymous said...

mas, maksudnya posting pada post editor itu apa?

Jaloee said...

@ Pencuri kode

wah makacih suhu atas kunjuganya .. salam hormat


@apen

itu bikin posting pd editor blogspot mas maksudnya...

Anonymous said...

asyik juga belajar ngeblog dari kang jaloe.......

Revarius said...

Sukses kang menerapkannya dan hasilnya mantap juga nih... uda lama memimpikan seperti ini di blogger... kang ada PR nih buat ente hehehhe

Anthony Harman said...

"dengan syarat anda harus membuat postingan pada Post Editor yang di miliki blogspot"

di sebelah mana itu, kang. Apa di kolom edit post itu yah?
Saya dah coba, tapi koq gambar dalam postingan gak ikut tampil ya?
Terus gimana cara menghilangkan judul blog yg ikutan nongol ya?

Jaloee said...

@ Mas Anthon

Iya..
wew mungkin di gadget bloglist-nya, pilihan "Thumbnail of most recent item" beloem di centang...

kalau nama blognya ikut nonghol itu kode tinggal masukan saja kode untuk css-nya

.blog-title { display:none; }

Anonymous said...

widgetnya agak mirip dengan blogroll y? walaupun hanya menampilkan 1 judul.
jd inget sama sidebar blog widget....:))

regards,
MyAvatarInside
http://3dsmaxsupport.blogspot.com/

Anonymous said...

sUKSES mAS jALOE... Saya mungin malash kepikiran gimana Memadukannya dengan Java Script yah,,, Supaya Nantiny Tulisan Older Post Bisa Menjadi Judul Tulisan Artikel Berikutnya....

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

Nah Mungkin Nilai angka duanya itu bisa kali diakalin dengan Java Script, yang Nantinya adalah Nilai dari Artikel yang di baca Plus 1 :D saya bingung nih... mungkin mas jaloe bisa.

==== Sukses nih mas... Sebagai Inspirasi saya untuk ke tahap berikutnya :d

Revarius said...

kang jaloee aq judul blognya ttp muncul nih?? kode CSS nya gmn nih??? ga bisa bang

Diana Yusuf said...

kang aku baca dan mencobanya tapi kok belum isa ajanya....oon ieuh....menta pangajarkeun eung....maklum orang leuweung kang

Anonymous said...

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


waduh kang kl postingan kita ada udah lama banget gimana kita bisa tau anggkanya kang???
misal gimana cara nentuin kl postingan kita yang berjudul membuat tag cloud ada di index 2 atau 10 atau 30....???

Jaloee said...

@ ilmu online

xixixix.. iye2. ngga pikiran sama ane.. btw kalau pingin tahu postinga salah satu caranya kita bisa lihat via Edit Post..

Bahauddin Amyasi said...

Thank's Kang...

Kalau seumpama recent comment memakai bloglist bisa gak? Atau bagaimana cara menampilkan komentar terbaru plus foto komentatornya?

Mohon bantuannya Kang...

Admin said...

maf komen tidak di tempat seharusnya!!!!
saya kan dulu memakai tutoriak akang yang menampilkan phot comentator, tapi yang tidak angkanya.
trus gimana caranya agar bisa highlight author comentnya??
tolong jawab di blog saya di
www.kurniasepta.blogspot.com

Anonymous said...

Kang Jaloee,
Gimana caranya supaya Bloglist yang kita pake untuk recent post bisa tampil full selebar kolom yang kita sediakan. Soalnya saya liat, bloglistnya hanya mengisi 75% dari lebar area

agung said...

setelah saya coba ko malah lebih lambat ya Mas?
Akhirnya kembali lagi seperti semula deh...kaya disini nih Mas http://endeavorist.blogspot.com

kdrama said...

muatannya jadi lebih berat ya?

ariajaya80 said...

makasih atas ilmunya broo ,,,

salam kenal http://ariajaya80.blogspot.com/

Ghost blogger... said...

Successfully implement and the results are solid as well ... had long dreamed of this kind in the blogger ...

Sugeng Aria said...

mau nanya gan, kalo untuk buat anchor text yg hanya menampilkan 1 postingan paling terakhir gimana?? smisal postingan paling terakhir itu "cara membuat menu accordion", nah pada postingan yg lain ada link anchor text menuju ke halaman postingan terakhir itu, help udah googling ga ada yang jelasin :) , makasih

Post a Comment

" Apapun Yang Dapat Anda Lakukan, Atau Ingin Anda Lakukan Mulailah

Keberanian Memiliki Kecerdasan, Kekuatan Dan Keajaiban Di Dalam-nya"

Makacih Atas Komentar-Nya

 

Copyright 2009. Home | Serba Serbi Google | XHTML | CSS Design by Catalog-Tutorial