Tag Archive: Recent Post


Menampilkan Posting Terbaru Bagian Kedua

Tips Menampilkan Posting Terbaru Dengan Memanfaatkan Daftar Blog. Pada kesempatan kali ini, perkenankan Tips dan Trik Blog mengetengahkan postingan seputar pemasangan widget yang dapat menampilkan postingan terbaru atau lebih dikenal dengan entri terbaru. Widget tersebut sebenarnya sudah pernah Tips Trik Blog posting sebelumnya namun menggunakan cara yang berbeda dengan tips yang akan Tips Trik Blog ketengahkan kali ini. Jika tertarik, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Pada tips kali ini kita akan membuat widget yang dapat menampilkan postingan terbaru dengan memanfaatkan gadget standar blogspot, yaitu Daftar Blog.

Seperti kita ketahui bersama, bahwa gadget Daftar Blog adalah gadget standar blogspot yang dapat kita gunakan untuk menampilkan daftar postingan terbaru dari blog favorit pada blog kita.

Fitur atau tampilan yang akan ditampilkan dari gadget Daftar Blog ini adalah sebagai berikut.

  • Ikon >> logo blogspot
  • Judul dari item terbaru >> judul postingan terbaru
  • Snippet dari item terbaru >> ringkasan dari postigan tersebut.
  • Gambar mini butir terkini >> gambar yang ada dalam postingan tersebut
  • Tanggal pembaharuan terakhir >> menampilkan waktu pembuatan postingan tersebut

Nah, sekarang kita akan memanfaatkan atau memanipulasi gadget Daftar Blog tersebut untuk menampilkan postingan terbaru pada blog kita sendiri.

Langkah-langkahnya adalah sebagai berikut.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Tambah Gadget >> pilih Tambahkan Daftar Blog, seperti screenshot di bawah ini.

Kedua, kemudian akan muncul jendela Konfigurasi Daftar Blog, seperti di bawah ini.

Ketiga, pada isian judul, kita dapat menggantinya dengan nama lain misalnya, Daftar Postingan Terbaru.

Kemudian pada opsi tampilan, seperti ikon, judul dari item terbaru, snippet dari item terbaru, gambar mini butir terkini, tanggal pembaharuan terakhir, jika kita ingin menampilkannya maka kita harus mencentangi masing-masing opsi tersebut dan sebaliknya jika tidak menginginkannya, kita harus menghilangkan centangan pada opsi-opsi tersebut atau jika kita ingin menampilkan opsi tertentu saja, kita tinggal mencentangi opsi-opsi tersebut.

Keempat, kemudian klik “Tambahkan blog ke daftar Anda” hingga akan muncul jendela seperti di bawah ini.

Kelima, pada “tambah URL” ketikkan seperti format di bawah ini.

http://nama_blog.blogspot.com/feeds/posts/default/?start-index=1

(untuk menampilkan postingan terbaru pertama)

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

(Untuk menampilkan postingan terbaru kedua)

http://nama_blog.blogspot.com/feeds/posts/default/?start-index=3

(Untuk menampilkan postingan terbaru ketiga)

dan seterusnya sebanyak kita mau.

Keterangan

Ganti nama_blog dengan nama blog kita masing-masing.

Keenam, jika sudah, klik simpan

Ketujuh, selesai

Untuk menghilangkan judul blog sehingga yang muncul hanya judul postingan maka kita dapat menambahkan kode pada template dengan cara sebagai berikut.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML

Kedua, temukan kode berikut ini

]]>

Ketiga, letakkan kode berikut ini di atas kode tersebut.

.blog-title {
display:none;
}

Keempat, simpan template

Kelima, selesai

Selamat Mencoba!!

Iklan

Tampilkan Recent Post Pada Sidebar

Beberapa pengunjung yang datang ke suatu blog, belum tentu memasuki halaman utama (home page) blog. Banyak di antaranya yang terarah ke suatu permalink atau halaman posting blog. Jika demikian, mereka tidak akan mengetahui postingan baru atau terakhir yang ada di blog kita. Oleh karena itu, perlu untuk membuat Recent Post pada side bar.

Salah satu cara untuk menghadirkan Recent Post pada side bar adalah dengan membuat kode javascript.

Langkah-langkahnya adalah sebagai berikut.

Login ke blogger.com hingga masuk ke Kontrol Panel.

Klik Tata Letak (layout)

Klik Tambah Elemen Halaman

Klik Tambahkan HTML/Javascript

Kemudian ketik atau pastekan kode javascript seperti di bawah ini.

var numposts = 5; var showpostdate = true; var showpostsummary = true; var numchars = 100;

Jangan lupa untuk mengganti http://tips-trik-blog.blogspot.com dengan URL blog Anda.

Kemudian Simpan Perubahan

Sekarang, Anda akan mendapati Recent Post pada side bar blog Anda, seperti di bawah ini.

var numposts = 5; var showpostdate = true; var showpostsummary = true; var numchars = 100;

Catatan :

Anda dapat mengkustomasi sesuai selera dan kebutuhan Anda, dalam hal di bawah ini.

Angka 5 pada numposts menunjukkan jumlah posting yang akan ditampilkan.

Angka 100 pada numchars menunjukkan jumlah character atau huruf dari ringkasan posting.

True pada showpostdate menunjukkan tanggal posting, Anda dapat menggantinya menjadi false untuk tidak menampilkannya.

Atau jika Anda ingin tidak menampilkan ringkasan posting (post summary), ganti true menjadi false pada showpostsummary.

Selamat Mencoba!!!