Widget Recent Post dengan Lebih Banyak Pilihan

Tabel Konten
  1. Konfigurasi Widget 
All in One Recent Post Widget

Widget yang tampak berwarna hijau di atas adalah widget recent post/posting terbaru dengan begitu banyak pilihan. Anda bisa menyembunyikan gambar, komentar, bulan terbit dan ringkasan atau sebaliknya, menampilkannya. Menentukan apakah widget ini akan dianimasikan atau tidak juga bisa dilakukan. Cukup ikuti langkah-langkah di bawah ini dan pelajari tabel konfigurasinya:

Lihat Demo

Pertama-tama masuklah ke halaman tata letak dengan mengeklik menu Tata Letak:

Tata letak Blogger
Masuk ke halaman Tata Letak

Tambahkan sebuah elemen halaman HTML/JavaScript, kemudian salin semua kode ini dan letakkan di dalam formulirnya:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><style scoped="scoped">
.spy-outer {
  border:2px solid white;
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 3px rgba(0,0,0,.4);
  box-shadow:0 1px 3px rgba(0,0,0,.4);
  margin:0 auto;
}
.spy-outer h2 {
  margin:0;
  padding:5px 10px;
  background-color:#008800;
  background-image:-webkit-linear-gradient(#008800,#037103);
  background-image:-moz-linear-gradient(#008800,#037103);
  background-image:-ms-linear-gradient(#008800,#037103);
  background-image:-o-linear-gradient(#008800,#037103);
  background-image:linear-gradient(#008800,#037103);
  color:white;
  font:normal bold 12px/normal Helmet,Freesans,Sans-Serif;
  text-transform:none;
  text-shadow:0 1px 2px black;
}
.spy {
  margin:0;
  padding:0;
  font:normal normal 10px/12px Helmet,Freesans,Sans-Serif;
  color:#333;
  overflow:hidden;
}
.spy li {
  list-style:none;
  text-align:left;
  margin:0;
  padding:5px 7px;
  background-color:#AABD30;
  background-image:-webkit-linear-gradient(#AABD30,#9BB009);
  background-image:-moz-linear-gradient(#AABD30,#9BB009);
  background-image:-ms-linear-gradient(#AABD30,#9BB009);
  background-image:-o-linear-gradient(#AABD30,#9BB009);
  background-image:linear-gradient(#AABD30,#9BB009);
  border-top:1px solid #A7D101;
  border-bottom:1px solid #899D00;
  word-wrap:break-word;
  overflow:hidden;
}
.spy a {text-decoration:none}
.spy li em {
  font-weight:bold;
  color:#409540;
}
.spy-header {
  font:normal bold 12px/14px "Trebuchet MS",Trebuchet,Geneva,Verdana,Arial,Sans-Serif;
  display:block;
  color:yellow;
  text-shadow:0 1px 0 rgba(0,0,0,.2);
  /*
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  */
}
.spy-header:hover {
  color:white;
  text-decoration:underline;
}
.spy-summary {
  margin-top:5px;
  overflow:hidden;
}
.spy li .image-wrapper,
.spy li img {
  float:right;
  margin:0 0 2px 7px;
  padding:0;
  width:72px;
  height:72px;
  border:4px solid #899D00;
  background:white url('data:image/gif;base64,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') no-repeat 50% 50%;
}
.spy li .image-wrapper {
  -webkit-box-shadow:0 0 2px rgba(0,0,0,.7);
  -moz-box-shadow:0 0 2px rgba(0,0,0,.7);
  box-shadow:0 0 2px rgba(0,0,0,.7);
}
.spy li img {
  border:none !important;
  float:none;
  margin:0;
  padding:0;
  display:none;
}
.spy-outer .loading {
  display:block;
  padding:10px;
  background-color:#fafafa;
}
</style>
<div id="spy-outer" class="spy-outer"><span class="loading">Memuat...</span></div>
<script>
var spy_config = {
    widgetTitle: '<h2>Recent Post</h2>',
    url: 'http://nama_blog.blogspot.com',
    containerId: 'spy-outer',
    numPost: 10,
    numChars: 100,
    monthNames: [
        'Januari',
        'Februari',
        'Maret',
        'April',
        'Mei',
        'Juni',
        'Juli',
        'Agustus',
        'September',
        'Oktober',
        'November',
        'Desember'
    ],
    noImage: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC',
    showSummaries: true,
    showThumbnails: true,
    showPostDate: true,
    showComments: true,
    newTabLink: false,
    animatedRecentPost: true,
    jsonCallback: 'recentpost_spy',
    newsTicker: {
        visible: 4,
        interval: 3000,
        speed: 600
    }
};
</script>
<script src="//dte-project.googlecode.com/svn/trunk/rp-newsticker.js"></script>

Ganti URL http://nama_blog.blogspot.com dengan alamat blog Anda lalu simpan.

Konfigurasi Widget 

OpsiKeterangan
widgetTitleMarkup HTML untuk judul widget.
urlGanti nilainya dengan URL blog Anda.
containerIdID kontainer yang akan digunakan untuk menampung isi widget.
numPostJumlah posting yang ingin ditampilkan (harus lebih besar dari newsTicker => visible).
numCharsJumlah karakter ringkasa posting jika showSummaries bernilai true.
monthNamesNma-nama bulan dalam satu tahun sesuai dengan sistem penanggalan di negaramu.
noImageURL gambar cadangan untuk posting yang tidak memiliki gambar di dalamnya.
showSummariesGanti nilainya menjadi false untuk menyembunyikan ringkasan posting.
showThumbnailsGanti nilainya menjadi false untuk menyembunyikan showThumbnails.
showPostDateGanti nilainya menjadi false untuk menyembunyikan bulan terbit pada item posting.
showCommentsGanti nilainya menjadi false untuk menyembunyikan jumlah komentar.
newTabLinkGanti nilainya menjadi true untuk membuat tautan-tautan widget membuka pada tab/jendela baru ketika diklik.
animatedRecentPostGanti nilainya menjadi false untuk mematikan efek animasi newsticker.
newsTicker => visibleJumlah posting yang ingin ditampilkan dalam widget. Sisanya disembunyikan dan akan tampil secara bergantian saat efek animasi terjadi. Pastikan nilainya lebih kecil dari numPost.
newsTicker => intervalInterval perpindahan item dalam satuan milidetik.
newsTicker => speedKecepatan efek animasi kemunculan item.

Kode yang Saya beri garis bawah adalah jQuery. Jika tema Anda sudah dilengkapi dengan jQuery, singkirkan kode tersebut!

39 Komentar

  • Anonim

    oh mas waktu dlu saya copas script ini dengan cara double klik kan terblok semua tapi pas saya coba ga jalan di blog saya. tapi pas saya coba di sorot manual tanpa double klik scriptnya jalan di blog saya. hehe :D

  • Adidaster

    mas mau tanya nih saya uda coba dgn cara di atas, tapi ga jalan malah halaman blog saya hilang, seluruh layar di ganti sama bentuk recent post. apa mungkin ga cocok ya, soalnya saya pake template dari artisteer. tapi pas saya coba di blog satunya yg make template dari blogger bisa.
    mohon solusinya.

  • Taufik Nurrohman

    @Adidaster Saya sudah peiksa kembali scriptnya tidak ada masalah kok. Semuanya tertutup. Mungkin ada bagian tag yang tidak tertutup di template Anda, tapi kalau untuk ukuran mesin Blogger, seharusnya sih ketahuan salahnya.

  • admin

    Kenapa animasi di blog saya scrolnya kagak mau gerak ya?
    http://mekarindo.blogspot.com

  • Taufik Nurrohman

    @S. Ihsanudin Blog Anda sudah dilengkapi dengan JQuery 1.5.1, jadi kode yang bergaris bawah harus dihapus. Coba hapus kode tersebut lalu simpan lagi. Ditunggu kabar berikutnya :)

  • admin

    Komentar ini telah dihapus oleh pengarang.

  • admin

    mas,, koq di blog saya thumbnailnya yg nongol adalah thumbnail kalo postingnya ga punya gambar,,
    padahal semua posting saya pakai gambar??
    "newsnsporty.blogspot.com"

    mohon pencerahannya mas,, terimakasih :)

  • Taufik Nurrohman

    @mr, copas Saya yakin masalahnya cuma ada di pengaturan feed:

    Klik Pengaturan/Setelan ⇒ Lainnya.
    Lihat pada bagian umpan situs. Coba ubah nilainya menjadi "sampai lompat baris" atau "penuh" lalu simpan:

    Widget tidak akan bekerja kalau kita menonaktifkan feed blog, karena sebagian besar widget Blogger mengunakan feed sebagai produsen untuk memuat posting-posting pada widget tersebut. Seseorang di posting ini juga mengalami masalah yang sama: http://hompimpaalaihumgambreng.blogspot.com/2011/11/widget-daftar-isi-blogger-galeria.html#c3467993230945532800

  • admin

    mas,, udah aku coba rubah sesuai sarannya,, tapi ga berubah juga mas,

    apa mungkin karena posting di blog aku gambarnya bukan upload sendiri, tapi ngambil URL gambar di google dan blog lain??

  • admin

    mas,, sudah saya ikutin sarannya,, tapi tetap tidak berubah mas,,
    apa mungkin gambarnya ga muncul karena gambar di posting saya tidak upload sendiri tapi ngambil URL gambar dari google/blog lain ??

  • Taufik Nurrohman

    @mr, copas Mungkin. Sebenarnya kalau bisa simpan dulu semua gambar yang diambil dari internet ke dalam komputer, lalu setelah itu unggah gambar tersebut satu per satu.

  • bimaindramulya

    Mas , kalau mau ganti backgroundnya biar sesuai selera gimana mas?

  • Taufik Nurrohman

    @bimaindramulya Pengeditan warna latar umumnya dilakukan pada dua bagian ini:

    div.spy-outer h2 {
    margin:0px 0px;
    padding:5px 10px;
    background-color:#008800;
    background-image:-webkit-linear-gradient(top, #008800, #037103);
    background-image:-moz-linear-gradient(top, #008800, #037103);
    background-image:-ms-linear-gradient(top, #008800, #037103);
    background-image:-o-linear-gradient(top, #008800, #037103);
    background-image:linear-gradient(top, #008800, #037103);
    color:white;
    font:bold 12px Arial,Sans-Serif;
    text-transform:none;
    text-shadow:0px 1px 2px black;
    }
    ul.spy li {
    list-style:none;
    text-align:left;
    margin:0px 0px;
    padding:5px 7px;
    background-color:#AABD30;
    background-image:-webkit-linear-gradient(top, #AABD30, #9BB009);
    background-image:-moz-linear-gradient(top, #AABD30, #9BB009);
    background-image:-ms-linear-gradient(top, #AABD30, #9BB009);
    background-image:-o-linear-gradient(top, #AABD30, #9BB009);
    background-image:linear-gradient(top, #AABD30, #9BB009);
    border-top:1px solid #A7D101;
    border-bottom:1px solid #899D00;
    word-wrap:break-word;
    overflow:hidden;
    }

    Supaya lebih mudah dimodifikasi, lebih baik ganti menjadi seperti ini:

    div.spy-outer h2 {
    margin:0px 0px;
    padding:5px 10px;
    background-color:#900;
    color:white;
    font:bold 12px Arial,Sans-Serif;
    text-transform:none;
    text-shadow:0px 1px 2px black;
    }
    ul.spy li {
    list-style:none;
    text-align:left;
    margin:0px 0px;
    padding:5px 7px;
    background-color:#ddd;
    border-top:1px solid #fff;
    border-bottom:1px solid #ccc;
    word-wrap:break-word;
    overflow:hidden;
    }

    Dengan cara ini proses pengeditan jadi jauh lebih mudah.

  • bimaindramulya

    @Taufik Nurrohman widget yang dibawahnya juga ikut gerak/ketarik dikit2 ya mas? kalo biar gak ikut gerak gimana?

    • Taufik Nurrohman

      Pembaharuan: Tinggi widget sudah bisa menyesuaikan diri secara otomatis.

  • Taufik Nurrohman

    @bimaindramulya Set tinggi widget di sini:

    ul.spy {
    margin:0px 0px;
    padding:0px 0px;
    font:normal 10px/12px Arial,Sans-Serif;
    color:#666;
    overflow:hidden;
    height:400px /* Sesuaikan dengan jumlah tinggi semua item */
    }

    Kalau isi postingnya seragam/lazim sih sebenarnya tidak akan membuat widget naik turun, soalnya Saya sudah mengeset kecepatan .slideUp() dan .slideDown() dengan nilai sama besar :\

  • Afif

    permisi mas, mau tanya.. kok saya pasang recent post ini di blog, malah slideshow di blog saya jadi berantakan dan gak bergerak.. tapi kalo recent postnya dihapus jadi gak berantakan dan bisa bergerak lagi slideshownya.. mohon petunjuknya :)

  • Taufik Nurrohman

    @Afif Biasanya karena JQuery-nya dobel-dobel. Coba lepas kode yang Saya beri garis bawah lalu simpan lagi.

  • Ridho M Firdaus

    Mas, kenapa ya animasinya ga jalan? udah di otak atik tetep aja ga jalan ya mas. minta petunjuknya. thanks.

    http://pasinkaalba.blogspot.com/

    • Taufik Nurrohman

      Hapus script JQuery yang ada di bawah <head> lalu simpan lagi.

  • Arif Masada

    Mas bro kok udah ane Copy paste terus kok ngak tampil ya, di halaman blognya?

  • Aris teguh

    kak, saya agak bingung ni soalnya saya copas kodenya lalu berbenturan ama nivoslider yang ada
    solusi sementara adalah menyamakan nilai
    numposts = 4,
    limitspy = 4,
    jadi ya mutar aja jika gak sama ya thumbail nya gak muncul dan memanjang
    http://goo.gl/Dvzwx
    lalu hasil solusi sementara bisa di cek di sini
    http://www.ceremyni.com/

    • Taufik Nurrohman

      Apanya ya? Mungkin versi JQuery harus diperbaharui, walaupun tidak ada masalah juga pas Saya coba secara offline memakai versi 1.4.2
      Coba ganti jadi 1.7.2 atau 1.9.0

      • Aris teguh

        oh jadi saya hapus semua JQuery yang ada terus saya paste yang versi 1.7.2 atau 1.9.0 gitu pa kak ?
        maaf biar semua jelas ..

  • Unknown

    kang, adakah widget seperti ini buat Artikel Populer??

  • Unknown

    Om... stiap ane psang widget yang ada javascrip nya.. submenu di blog jadi gk aktif, solsinya gimana tuh biar bisa pasang widget ini...
    Mohon pencerahannya...

  • Unknown

    gan tlong ane gan emm gimana cara mengganti noimage.nya itu ya gan kan di postingan saya itu tidak ada gambarnya tapi saya ingin tumbnail recent post itu gambar lain gan saoalnya saya coba dai tadi gak muncul" gan malah cuman muncul animasi loading aja gan

    • Taufik Nurrohman

      Lihat opsi noImage

      • Unknown

        gantinya gimana gan? kode ini data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC
        langsung diganti dengan kode ini ta gan http://1.bp.blogspot.com/-e6YUdu2bVII/UcwtVafCvBI/AAAAAAAAAqE/DuGlzlZJRX8/s83/no+photo.png maksutnya

        • Saeful Rahman

          iya gan ganti kode tersebut dengan url gambar yang di inginkan

          • Unknown

            wahh tapi gak muncul gan gambarnya cuman muncul animasi loading doang,gimana nih?

            • Saeful Rahman

              itu karena gambar belum termuat oleh browser, saya lihat gambarnya sudah diganti.

  • Unknown

    wahhh oke deh gan kalau gitu emm saya minta ijin posting artikel ini ya gan tapi saya mau ubah dikit tampilanya hehehe

  • Unknown

    saya sama kang saeful kayak pertanyaan nya kang presta bahwasanya animasi gambarnya hanya loading saja...mohon petunjuk nya kang?? terimakasih

  • you

    mas taufik, kenapa ya ketika saya pasang widget recent post terbaru ini di blog saya tidak berfungsi dngan kata lain daftar posting tidak muncul, tetapi ketika pasang widget recent post dengan label tertentu daftar posting muncul contoh

    Kedua contoh menggunakan url yang sama
    1. Daftar posting tidak muncul http://jsfiddle.net/JJBZv/42/
    2. Daftar posting muncul http://jsfiddle.net/JJBZv/43/

    mohon pencerahannya

  • Unknown

    Gan car bikin blockquote keren kaya gitu gimana yah ?

Komentar telah ditutup.