May 15, 2013

Membuat dan Memasang Recent Posts di Blog

Recent Posts Blogger
Memasang recent posts di blog menjadi hal yang menarik untuk dilakukan, hal ini bisa menjadi menguntungkan saat pertama kali pengunjung singgah ke blog kita. Tanpa perlu jauh-jauh loading ke beranda blog, namun fitur sudar tersedia di sidebar yang membuat kerja pengunjung lebih efektif.

Pada gambar yang saya cantumkan tersebut adalah fitur yang tersedia di blog, kita tidak perlu susah-susah memasang script. Kita bisa langsung menambah gadget blog dan meletakkan sesuai dengan keinginan kita. Memang widget ini agak sulit ditemukan karena perlu membuka beberapa halaman lagi untuk bisa menemukan fitur ini (kalo enggak salah sekitar 6-7 halaman di fitur more widgets).

Seperti yang saya jelaskan sebelumnya bahwa untuk blogspot sendiri sebenarnya ada gadget otomatis untuk mengatur artikel terbaru dengan widget Feed. Widget Feed ini bisa digunakan untuk menambahkan konten feed RSS dari blog lain juga. Namun kali ini yang akan dibahas yakni cara manual membuat recent post dengan kode html. Karena selain juga memang lebih efektif tanpa membutuhkan waktu berlama-lama kita bisa segera menikmati tampilan recent posts dengan menggunakan script yang tersedia dibeberapa tutorial.

Cara Memasang Script Recent Posts di Blog:
1. Login ke akun Blogger
2. Pilih Tata letak pada Page Elements
3. Tambahkan gadget > HTML/JavaScript
4. Copy kode berikut
<script type="text/javascript" src="http://bloggergubug.googlecode.com/files/recentpost.js"></script><script type="text/javascript">var numposts = 10;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script type="text/javascript" src="http://www.bloggergubug.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>
4. Beri Judul dan Simpan

Untuk teks yang berwarna merah pada "var numposts = 10" adalah jumlah artikel yang akan ditampilkan. Kemudian untuk yang berwarna merah pada  "src="http://www.bloggergubug.com/" ganti dengan alamat blog anda. []

Source Code: Blogger Gubug | Cholis244
Comments

Terima Kasih buat yang sudah membaca. Temukan saya juga di instagram @haloolis dan twitter @haloolis.!

Jangan lupa berkomentar di kolom yang telah disediakan! Oh iya, follow blog ini juga ya, nanti saya juga follow balik blognya.