Cara Membuat Recent Posts Blogger (Auto Scroll & Thumbnails)

widget recent post blogspot
Widget Recent Posts atau Posting terbaru merupakan widget penting karena berfungsi sebagai penunjang navigasi blog. Dengan adanya daftar posting terbaru, pengunjung yg masuk tidak dari halaman utama (homepage) dapat langsung mengetahui beberapa posting terbaru dari sebuah blog. Selain itu, widget recent posts dapat menjadi sebuah tawaran bagi pengunjung blog untuk mengetahui isi posting-posting lain dari blog tersebut.

Widget recent post yg saya share kali ini memiliki fitur dan tampilan yg cukup menarik. Kombinasi script recent posts, auto scroll / spy list menghasilkan widget recent posts Blogger yg memiliki efek hebat dan dapat mengundang ketertarikan pengunjung. Alhasil, tampilan/desain blog pun dapat bertambah nilainya dengan ditambahnya widget recent posts ini. Sudah lama saya menggunakan widget ini dan perannya dalam menambah jumlah pageview blog pun tidak diragukan lagi.

Cara Membuat Blogger Auto Scrolling Recent Posts

Ikuti langkah-langkah berikut dan pastikan tidak ada bagian yg terlewatkan:
1. Copy Script berikut:
Klik >>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">

<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:355px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:335px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>

    <script language='javascript'>
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 300;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 60;
thumbheight = 60;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "Reply(s)";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://buka-rahasia.blogspot.com/";
limitspy=5
intervalspy=6000
</script>

<div id="spylist">
    <script type='text/javascript'>
//<![CDATA[
 /*
 * Script dikombinasikan dari bloggerstricks.com
 * spy effect dari jqueryfordesigners.com
 * Oleh Abu Farhan (www.abu-farhan.com)
 * Modifikasi oleh buka-rahasia.blogspot.com
 */
jQuery(function(){jQuery("ul.spy").simpleSpy(limitspy,intervalspy).bind("mouseenter",function(){jQuery(this).trigger("stop")}).bind("mouseleave",function(){jQuery(this).trigger("start")})});(function(e){e.fn.simpleSpy=function(f,g){f=f||4;g=g||5000;return this.each(function(){var l=e(this),k=true,i=[],m=f,o=0,h=l.find("> li:first").height();l.find("> li").each(function(){i.push("<li>"+e(this).html()+"</li>")});o=i.length;l.wrap('<div class="spyWrapper" />').parent().css({height:h*f});l.find("> li").filter(":gt("+(f-1)+")").remove();l.bind("stop",function(){k=false}).bind("start",function(){k=true});function n(){if(k){var p=e(i[m]).css({height:0,opacity:0,display:"none"}).prependTo(l);l.find("> li:last").animate({opacity:0},1000,function(){p.animate({height:h},1000).animate({opacity:1},1000);e(this).remove()});m++;if(m>=o){m=0}}setTimeout(n,g)}n()})}})(jQuery);function showrecentposts(z){document.write('<ul class="spy">');j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var o=0;o<numposts;o++){var w=z.feed.entry[o];var g=w.title.$t;var f;var p;if(o==z.feed.entry.length){break}for(var l=0;l<w.link.length;l++){if(w.link[l].rel=="alternate"){p=w.link[l].href;break}}for(var l=0;l<w.link.length;l++){if(w.link[l].rel=="replies"&&w.link[l].type=="text/html"){f=w.link[l].title.split(" ")[0];break}}if("content" in w){var r=w.content.$t}else{if("summary" in w){var r=w.summary.$t}else{var r=""}}postdate=w.published.$t;if(j>imgr.length-1){j=0}img[o]=imgr[j];s=r;a=s.indexOf("<img");b=s.indexOf('src="',a);c=s.indexOf('"',b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){img[o]=d}cmtext=(text!="no")?'<i><font color="'+acolor+'">('+f+" "+text+")</font></i>":"";var q=[1,2,3,4,5,6,7,8,9,10,11,12];var x=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var u=postdate.split("-")[2].substring(0,2);var h=postdate.split("-")[1];var t=postdate.split("-")[0];for(var e=0;e<q.length;e++){if(parseInt(h)==q[e]){h=x[e];break}}var n=(showPostDate)?'<i><font color="'+acolor+'"> ('+u+" "+h+" "+t+")</font></i>":"";g=(aBold)?"<b>"+g+"</b>":g;var v='<li><a href="'+p+'"><img src="'+img[o]+'" width="'+thumbwidth+'" height="'+thumbheight+'" class="recent-thumb"/></a><a href="'+p+'" class="recent-link">'+g+'</a><div class="spydate">'+n+'</div><div class="spycomment">'+cmtext+"</div>";document.write(v);j++}document.write("</ul>")}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');
//]]>
</script>
</div>
Note: Host sendiri gambar http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg dan ganti dengan url gambar yg telah sobat upload.

2. Ganti http://buka-rahasia.blogspot.com/ dengan url blog sobat. Pastikan ada tanda slash ( / ) di belakang url blog.
3. Buka dashboard > Design/Layout > Add a Gadget / Tambahkan Gadget.
4. Pilih HTML/Javascript.
5. Paste semua kode ke dalam kotak HTML/Javascript.
6. Save.

Kostumisasi Tampilan Widget Recent Post Blogger

Untuk menyesuaikan tampilan recent post dengan template blog, perhatikan dan ganti beberapa poin dasar berikut sebelum memasukkan script:
  • boxwidth = 300 adalah lebar widget dalam pixel (px), ganti nilainya sesuai dengan lebar sidebar blog.
  • text = "Reply(s)" adalah teks di belakang jumlah komentar, ganti Reply(s) sesuai keinginan, misalnya: komentar, comment(s), dll.
  • numposts = 10; adalah jumlah posting terbaru yg akan di-crawl, ganti nilainya sesuai keinginan.
  • limitspy=5 adalah jumlah posting terbaru dalam sekali tampilan, ganti nilainya sesuai keinginan.
  • intervalspy=6000 adalah kecepatan scroll / spy dalam milisecond (ms), ganti nilainya untuk mengatur kecepatannya.
Done!

Script combined from bloggertricks.com, spy effect by jqueryfordesigners.com, by Mas Abu Farhan, modified and enhanced by buka-rahasia.blogspot.com
mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com

Cara Membuat Recent Posts Blogger (Auto Scroll & Thumbnails)
Written by: Ahmad Khoirul Azmi
Thanks for reading! Suka dengan artikel ini? Please link back artikel ini dengan codedi bawah atau share dengan sharing buttons di atas. Copy paste wajib dengan ijin saya, serta menggunakan link sumber seperti di bawah. Gunakan etika. Saya akan berlakukan DMCA COMPLAINT secara langsung tanpa pemberitahuan atas copas tanpa mengikuti ketentuan yg berlaku.

add a comment 138 Comment(s):

Yoddy "Dyta" Kelo Jr said...

mas Ahmad saya ingin bertanya.
kenapa saat saya melakukan edit pada tata letak blog milik saya selalu terjadi galat secara terus menerus?

mohon tanggapannya mas
thx

Ahmad Khoirul Azmee said...

Jenis galatnya apa?
Pada dasarnya disebabkan oleh 2 kemungkinan:
1. Problem dari server Blogger
2. Ada bagian tag atau kode yang tidak sempurna. Misalnya ada tag yg belum tertutup atau kode tag yg tidak lengkap.

Yoddy "Dyta" Kelo Jr said...

itu dia mas ahmad,saya jg g tau errornya di mana mas..
klo server siy kyk g mungkin mas..

klo untuk kode yg tdk sempurnan bisa saja mas,tp saya jg masi binggung..

soalnya beberapa kali saya merubah tata letak pada widget saya, stelah saya simpan malah g bisa nyimpen tulisannya "galat mohon muat ulang laman anda"..gt mas..

duh jg g bs engedit2 di mas..

thx b4

Laptop Murah said...

Thanks mas, saya pikir widget anda ini mendorong pengunjung yang berasal dari search engine untuk dapat bertahan lebih lama di blog. Keren dan boleh dicoba untuk mengurangi bounce rates. thanks :D

buyung said...

Artikelnya bagus,thank's.

Didin said...

Infonya bagus mas thank's yea.

Arry said...

thanks bos berhasil dgn baik hehe..

Devil may cry said...

makasih infonya...langsung cobaa

amat kalima said...

makasih om......atas tutorialnya

Luqman Kusumahdilaga said...

mau tuker link dong kang??

Dedi Mukhlas said...

Mas, Makasih. Tapi mau tanya gimana caranya biar foto yang sesuai dengan post bisa muncul sendiri?? Makasih

Ahmad Khoirul Azmee said...

@ all thanks:

@itu semua foto muncul dengan sendirinya. syaratnya adalah gambar yang dirender adalah gambar yg paling pertama

I'm number thirty seven said...

Mntap banget,,,ini yg kucari.
Thx Ya mas

Novitacu said...

Makasih ya mas.
Popular post bisa di buat auto scroll ga ya mas?
Makasih atas infonya :)

Ahmad Khoirul Azmee said...

@nivitacu: bisa, tapi saya bikin dulu codingnya yah, kapan2 saya posting kalo dah ada hasil :D

Suara Kebebasan said...

scrollnya ngak jalan tuh

Yerusalem Baru said...

Salam Kenal... Kang Ahmad,

Saya Pake ya JavaScriptnya Jalan dan saya Pasang, Untuk bisa keluar gambar sesuai Postingan gmana ya...

Terima Kasih

Ahmad Khoirul Azmee said...

halo salam kenal juga.
Pastikan di setiap posting ada gambar. letakkan gambar di bagian awal posting

Yerusalem Baru said...

Selamat siang Kang Azmee...

sudah kang saya sudah ada gambarnya, tapi belum keluar gambarnya sesuai posting. apa yang kurang ya Kang .. tolong Pencerahannya ...

terima kasih kang

Berbagi Kreativitas said...

Mantab tipsnya sahabat, tapi script ini bikin efek load blog jadi berat yah? :D

TheMatrix 007 said...

Saya masih newbi di blog, terimakasih artikel2nya sangat membantu :)

Ahmad Khoirul Azmee said...

@Berbagi...: Tidak juga bro selama di blog tidak terlalu banyak widget berjavascript. Saya juga amenggunakan widget itu di blog ini, loadnya juga gak berat. Saya sudah melakukan perampingan javascript untuk script di atas.

AnoniManga said...

muantep mas

Welly Sundawa said...

Mantap bro..

Zikril Hakim said...

mas..udah saya coba kok blom muncul gambarnya ya mas?? yg photo bucket itu gimana caranya?? apa harus upload gambar2 yg ada di blog saya??

Ahmad Khoirul Azmee said...

tidak, tidak perlu.... gambar itu diload secara otomatis dan juga perlu waktu untuk melakukan generating. jadi tunggu saja dulu.

yuda supri said...

Terima kasih infonya mas. . copy dulu scriptnya buat nyoba2. . hehee

semoga makin sukses, terus berkarya ya.

The Ocleyc Club said...

Terima kasih banyak mas atas infonya...
http://ocleyc.blogspot.com/

Archie said...

thank you so much mas atas tutorialnya, sangat berguna banget buat saya yg masih newbie ini...
btw, utk recent post, bagaimana caranya supaya image postingan muncul di kotak recent post mas?

Ary_Putra said...

Itu scriptnya bikin tambah loading page blog jd makin berat g ya bang.

kreasimenu said...

sip gan infonya, aku ijin copas ya mau langsung coba, mudah2an lancar...btw kalau cara agar postingan kita tampilannya tdk full penuh tapi berbentuk potongan2 summary sehingga halaman tdk perlu panjang kebawah bagaimana gan, tapi kl org ingin lihat full tinggal klik more atau apalah yg ada di ujung tulisan bawah, intinya kaya tampilannya agan punya yg di depan, ditunggu infonya gan..trims berat

kreasimenu said...

gan dah dicoba dan muncul tapi gak bergulir alias gak jalan tuch kenapa ya

{HzL}-dHaNz_ID said...

nice info gan . .
udah ane test dan jadi, tapi ko' boxwidth nya udah dganti tapi knp tetep aja sama yah gk berubah ??
jadi gk paz gitu, pdhaL dah mau gue pasang neh

mohon pencerahanNya . .

thanks gan

zankjex said...

makasih infonya gan...
izin mencoba

PT. Menara Indah Tehnik said...

Thanks Infonya, Gan...Muantaappp !!

The Krizna said...

sama ni gan.. tau deh yg ngopy sapa.. rugi kalo punya blog ngopi2 mulu.. http://situseo.blogspot.com/2011/11/cara-membuat-auto-scroll-recent-post.html

Ahmad Khoirul Azmee said...

halo krizna.
tanpa harus saya bicara panjang lebar, silahkan lihat saja bulan & tahun URL-nya serta cek blog tersebut secara lengkap. dan setelah saya cek, ada link dari artikel tersebut yg mengarah ke posting ini sebagai kredit/sumber. jadi saya tidak masalah. jelas kan maksud saya :)

Mas Dalang said...

Maaf Mas Ahmad, saya minta ijinnya terlambat, saya melakukan posting ulang terhadap artikel ini di blog saya, bila kurang berkenan saya akan menghapus posting tersebut.


ttd.
Mas Dalang

Ahmad Khoirul Azmee said...

its okay kok, Mas Dalang. ini cuma untuk meluruskan yg sudah ditulis sama Krizna di atas. Biar tidak ada salah paham. :) Tidak apa2. ENjoy :)

Supriyanto Duasatu said...

ini yang aku cari, mksh sob
http://fals-duasatu.blogspot.com

Gaemgyu Holic said...

thanks... blog saya jd lucu..

Gaemgyu Holic said...

Mr.. Untuk yg Popular Posts caranya ditunggu..

kuryasyas said...

ka, kenapa ya scrollnya ga bisa jalan..
salah dimananya ya?

Pencetak Uang said...

trims mas ^^

newlife said...

Belum paham untuk bagian upload image yang di photobucket itu mas, itu yang kita upload apa ya?
saya udah pake script ini tapi image per post belum keluar karena bagian ini saya belum paham.

goyang pattah-pattah said...

thanks buat infonya sob, dah saya coba berhasil kawan...PERTAMAXXX....

Rudy Hartono said...

thanks atas infonya gan

Pencetak Uang said...

mas setelah di coba kenapa 3 tab widget ku tak berfungsi lagi??(maksudnya item item yg ada di Statistik dan Other semuanya jadi ada di tab Home).

biar jelas ne blog saya http://putrapatrician.blogspot.com

Ahmad Khoirul Azmee said...

sudah saya cek normal2 aja tuh?

MivMivMiv said...

Thankx info nya sangat bermanfaat!
berhasil saya coba dan hasil nya Work mantaap :)

Hendri Prastio Kurniawan said...

terima kasih atas ingfonya gan...bermanfaat sekali ...mantap buat ane yg masih newbe

Freelance.Job said...

Cihuyyyyyyyyyyy berhasillll

teguh ashax blog said...

atrikel yang sangat membantu untuk perkembangan blog saya...!!!

Sewa Ruang Kantor said...

Sangat bermanfaat banget gan. Blog saya jadi makin ganteng. hehe

Pphoo™ said...

Saya coba koq scroll nya gak jalan ya Mas...???

Mohon pencerahannya... Trims.

ummu nufail said...

Mas , ko judul posting di widgetnya kepotong ,,, ga kaya punya emas yang dienter gt modelnya . terus widthnya juga diubah tetapi ga ngaruh

mohon solusi

thanks tutorialnya

rachmad_boy said...

mas, permisi..
saya udah coba recent post ini.. tapiii ,,.kok pas ak buka blog.ku n ak tunggu sampe proses.ya selesai kok sebelum proses selesai udah automatis mengulang kembali ke home page y mas.??
malah lama gag muncul2 blog ane..?

truss ak coba hapus widget itu jd normal lagi..n ak pasang lagi kok jdi automatis ulang proses home pagenya..
kira2 kenapa itu mas??"
mohon bantuannya lahh"

kalau mungkin blum faham maksud saya ,, silahkan d cek blog saya mas. -> rachmadoye.blogspot.com

terimakasih mas :))

Muhammad Muchlis said...

kok recent post nya diem ga mau bergerak sendiri ya.

aairwan said...

wah tks sudah share. akhirnya nemu cara autoscroll buat widget recent post. slm knl.

Junaidi Albughisi said...

mas mau nanya cara bikn seperti Featured Posts & Tutorials punya mas... mkasih sblunya....

wilson said...

Mantap gan...ane uda terapkan

Increase Facebook Fans said...

This post has been somewhat of a revelation to me.

H e n r i said...

izin copy kodenya mas.. terima kasih banyak.

Anonymous said...

Thanks
©InsTyrah

Anonymous said...

mas, supaya gambarnya yang pinggir kata itu sesuai postingan, gimana caranya yah?

Franz Fallaga said...

thx gan ,, :) , sangat membantu

Fumi said...

Cara menyembunyikan komentar atau reply nya gimana??

vikma said...

terima kasih gan. mantab sekali udah aku pasang dan berhasil. tapi masih belum punya gambar sendiri. hehe.

Giriblogs said...

terima kasih mas,,, mantap dah

Milanello said...

Berhasil mas, :D thanks mas, hehe

Djopanet said...

Thx sob tutorialnya manteb :D

Royan Sableng said...

@Yoddy "Dyta" Kelo Jr
pindah aja ke blogger tmeplate lawas sob..moga aja bisa

WONG JOWO said...

askum mas motanya nih kok puna aq g nampak gambarnya sma sekli apa ada yang salh url ugambar yg telah aq upload. masalahnya dah aq coba berkali2 tetp g berhsil n g nampak gambarnya tpi klo aq ngopi urlnya mas ko nampak gambarnya n bisa berjalan ......

gmna tu mas mohon pencerahannya ... saya tunggu di http://raja57.co.cc

mathor thanks u

willy adrian p said...
This comment has been removed by the author.
maulana said...

Bagus nih, coba ah

aephobia said...

kunjungan perdana
salam kenal sob

artikel bagus ...

btw punya script post populer single gak?

trims

Admin KuPas said...

makasih banget mas, sangat membantu, mudah2an dengan adanya recent post ini page views blog saya jadi bertambah, sekali lagi terimakasih. salam kenal KuPas

Bun No Ichi said...

auto scrollnya gak berfungsi,,
mohon pencerahan...

Daneyyy said...

sippp !!!
langsung berhasilll berhasilll :)

Toko Game FB said...

sukses gan :)

Stevhen Lu said...

Bang, knapa yach?...Recent Posts Blogger
1. Auto Scroll : udah jalan
2. Thumbnails : THIS IMAGE OR VIDEO HAS BEEN MOVED OR DELETED"

pencerahnnya untuk point 2 donk...thank's b'4

nur said...

makasih gan,, infonya..
ini yang aku cari2 slama ini,,
berhasil ane praktekkin di blog ane specialgadget.blogspot.com
lancar,,
nice inpo.. :)

Ilmu Komputer said...

Assalamualaikum.... kawan makasih bnyak tutorial nya...
saya sudah coba ke blog saya : http://ilmukomputer95.blogspot.com/

agam aero said...

I like it. .
this blog can be teacher for my new blog
http://aero7world.blogspot.com/

agungjies said...

thanks infonya, di blog saya udah terpasang juga
http://belajarkomputerlagi.blogspot.com

Widana Mujer Amante said...

Mas, saya request yang versi terbaru donk... saya pernah menemukan di sebuah blog versi tebarunya, dimana dibawah judulnya itu muncul cuplikan artikelnya. Kalau yang ini kan di bawah judulnya muncul jumlah komentar.
Mudah2an mas bisa membatu saya menemukan script versi untuk terbarunya! Thanks.

Djangkaru Bumi said...

maturnuhun

kururu said...

mantab gann.. awal nya gambar ga muncul.. setelah ane liat ternyata feed nya short
bagi yang ngalamin hal sama, coba check aja feed nya penuh apa ga :D

cash for silver said...

There is obviously a lot for me to discover outside of my books. Thanks for the great read

SiDeby said...

sngat bermanfaat nih,, mkasih ya Pak :D

EIGENAAR said...

mass mau nanya nih gmna klo auto scrolnya di ilangin solanya kalo pake auto scrol fungsi sidebartab saya jd ga jalan.. ni web saya mas www.d-i-s-s.co.cc mohon pencerahannya

BlogDwicell57 said...

sukses gan, thanks banget sebelumnya. nyari kemana2 dapetnya di sini dan cuma 5 menit lgsung jadi.

Harga Elektronik said...

ikut nyimak gan

jobs Soution said...

thanks pak...infonya!
saya berguru sama agan lah,,,

walaupun blogspot.com

tapi blognya bagus

wawan nurdiansyah said...

sip

fharouq said...

Luar Biasa

andra-kurniawan said...

Mas mau nanya, setelah aku pasang widget ini kok menu dropdown saya gak bisa muncul? Tapi kalau widget ini aku hapus menu dropdownnya bisa. kenapa ya mas? mohon bantuannya..

Nasruddin said...

Tips yang saya cari-cari om. terima kasih, saya berhasil. kini blog saya tambah keren...

Runa Inawan said...

thanks gan, ane dah berhasil nerapinnya. Blog ane masih dalam tahap pembenahan, ;)

Runa Inawan said...

tapi skrg malah ga jalan alias diem, saya lagi cara penyebabnya....aneh jg ;)

Runa Inawan said...

permaslahan teratasi, silahkan kunjungi disini: http://inawan.blogspot.com/2012/05/mengatasi-recent-posts-blogger-auto.html

Penerjemah Tersumpah said...

Makasih banyak mas bro tips bagusnya. Jadi cakep deh blog saya sekarang :)

Gambar-Gambar Lucu said...

info yg brmnanfaat, tp bgaimna jka ak hnya ingin mnampilkan tunmbail & judul tnpa comment..thans

cerita anak kost said...

yang limit spy, supaya tampil lima postingan ko ga bisa ya. masih aja muncul empat tu di tempat ane. kenapa ya gan?

BoWo said...

Mantep to kayaknya gan...
izin coba yah

Cerita Misteri said...

Setelah saya praktekkan apa yang ada di script ternyata berhasil saya simpan di blog cahdermayucerbon.blogspot.com terima kasih.

sukman ibrahim said...

Suwun tutuorialnya. Jadi betah berkunjung ke blog ini...

Sauqi Syahtia said...

Thanks gan atas infonya
kunjungi http://sauqisyahtia.blogspot.com/

angga said...

makasih banyak om, bagus postingannya... sangat bermanfaat buat newbie seperti ane om...
JOZZZ

Malum Tumanggor said...

kirain tadinya gagal ternyata widgetnya butuh waktu tuk ngerender post yang ada.
akhirnya berhasil juga.
thanx gan !!!

Haekalsz said...

mantap bgt mastah.. udah saya praktekin dan berhasil..
tapi kenapa ada gambar yang ga muncul yah???
agar bisa muncul smua gimana mastah??

#mohon pencerahannya

AzzamDeV said...

mas saya pake tutorial nya tapi koq ga keluar gambar dari tiap postingan di blog ya?? apakah musti nanem javascript lagi di template ato gmn??

helep plz..

NAHAP.COM said...

ada yg biasa ngga gan.???
yg ngga pake scroll
script yg biasa saya temukan error terus di template saya, masih makai yg widget aja nih...

aiazone arie said...

mkasih banyak mas infonya, pada bagian thumbnailnya tidak muncul gambar sesuai judul postingan,
ex:
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";

saya berencana untuk menghpusnya thumbnailnya. bisa g modifikasi scrip itu ? pada bagian mn yg harus sy modif ?
mkasih :D

Ahmad Khoirul Azmi said...

@aiazone: tinypic memang suka semena-mena men-delete gambar, padahal itu saya buat sebagai pengganti gambar yang tidak bisa dirender oleh script.
Ganti aja url http://i43.tinypic.com/orpg0m.jpg dengan url gambar yang anda buat dan upload.

Awangame said...

recent post nya kucoba ya

gilang permana said...

akhirnya ketemu juga... makasih ya mas..

Muhammad Ariq Adriansyah said...

Makasih Mas Azmi.

Ini Bisa dan Sudah Saya Terapkan ke Blog saya...

Kunjungan Baliknya ya Kawan!

http://emperormarket.blogspot.com

Senang BacaBlog said...

mas... ini udh aku gunakan sudah beberapa waktu yang lalu, dan bekerja. tapi kok sekarang punyaku udh gak auto scoll. 4 recent post terakhir muncul mas, tapi kok gak auto scroll padahal udh aku setting seperti yg mas ajarkan diatas. apa ada yg salah yah dengan blog ku (http://senang-baca.blogspot.com)??

berharap BGT ini dbls. mkasih :D

Anonymous said...

Pak mw tanya k'lo ingin nambahin hover gmna, misal pointer mouse kita taruh disitu biar warna font ny berubah gmn? Makasih

Ahmad Mizani Rachman said...

Terima Kasih Mas,Info yang bagus dengan manfaat yang sangat berguna

Belajar Bisnis Online said...

Saya sudah coba dan berhasil, terima kasih

traitor100 said...

terima kasih mas infonya ane udah coba di blog ane kunjungi blog ane juga ya mas

http://tempat-android.blogspot.com/
blog tentang android bagi pengguna android bisa masuk sini bagi yang tak punya android juga gak apa2 kok :)

Muflich Kamil said...

Eh mas.. kalo mau dipasang di wordpress gimana ?

Ahmad Khoirul Azmi said...

Pakai feed wordpress, tapi menurut saya tidak akan bagus, karena waktu load akan lebih lama.

Mr Lopce said...

kok saya gagal trus sih gan ?? padahal udah ngikutin langkah2 diatas.. pas mau di save eh gagal dong.. kira2 kesalahan2 yg lumrah terjadi itu apa yah /.? soale sya sendiri binggung ne gan.. trims, mohon pencerahannya..

Rulyta Niken Kulsumawardhani said...

mksh k2 tp kok bwh judul cuman ada keterangan
(undefined Reply(s))salahx dmn k2? apa emang dibuat gitu

Jejak Andi said...

sangat membantu dan informativ sekali pak, mohon mampir ke http://jejak-andi.blogspot.com/ untuk mberikan kritik dan sarannya ea pak,
terimakasih

ASEP ENDED said...

ijin pakai widgetnya mas...terima kasih atas tutorialnya

muhammad fathur said...

nice info... ijin kopas mas....

Didi Wirawan said...

kereen

nelsonsitompul.com said...

Gan, koq 2hari ini gak jalan ya auto scroll nya? padahal gak melakukan perubahan apapun..

Ahmad Khoirul Azmi said...

Apakah anda menambahkan widget baru yang juga menggunakan script jquery? Jika iya, kemungkinan script anda crash, kalo sudah menggunakan jquery sebelumnya, jangan tambahkan lagi.

Oke-Reload said...

Pak, salam kenal, ya. Mau tanya bagaimana cara awal bikin kode di atas tanpa harus copy paste punya bapak ini? Saya mau belajar biar saya bisa bikin sendiri dan ditanya orang bisa jawab cara bikinnya. Atas jawabannya saya ucapkan terima kasih. (By:Adi daya)

Ahmad Khoirul Azmi said...

Prosesnya panjang pak. Anda harus memulai dengan mempelajari javascript, jquery, dan proses retrieve dari feed blogger. Awali dulu dari javascript, ada banyak tutorial javascript dari dasar hingga davanced.

irwanefendi.com said...

Wah mantap neh sobat recent post nya, thank

mozalora said...

wah dah jadi punyaku, recentnya...thank's mas....

peluangbisnis77 said...

saya coba dulu ya boss, nanti jika ada kendala boleh bertanya kan?

Post a Comment

Silahkan tinggalkan komentar untuk respon/pertanyaan. Jika ingin menuliskan kode di dalam komentar, convert dulu dengan HTML Encoder. Centang "Notify me" untuk mengetahui balasannya. Maaf apabila komentar dibalas dalam waktu lama atau tidak terbalas karena saya tidak online setiap hari. Atau biar lebih cepat dan enakan bisa kontak lewat Facebook. KOMENTAR BERISI LINK & tidak sesuai dengan Comment Policy akan langsung dihapus.Karena banyaknya spam, komentar sekarang di-moderasi sebelum diterbitkan. Thanks.
Smashed Spams: 11362

Recent Comments

Tautweb.com

  • Menulis Artikel Blog

    Tips dan panduan menulis artikel blog berkualitas dan menarik (dalam beberapa seri).

  • Template Blog Terbaik

    Review dan daftar situs pembuat dan penyedia template blogger berkualitas dan tentunya terbaik.

  • Strategi SEO 2015

    Hal apa saja yang wajib menjadi bagian dari strategi SEO di tahun ini? Simak ulasan lengkapnya di sini.

  • Artikel SEO Friendly

    Tips membuat artikel yang memenuhi syarat SEO sekaligus tetap menjaga kualitasnya.

  • Belajar HTML & CSS

    5 situs rekomendasi untuk mempelajari HTML dan CSS dari tingkat dasar.

© 2010-2015 Buka Rahasia Blogspot | Template by Dicas Blogger | Modified & Enhanced by Ahmad Khoirul Azmi

 ContactPrivacy PolicyComment PolicySitemap