Jumat, 10 Agustus 2012

Cara Membuat Resent Post di Blog





Kali ini ITC akan memposting Cara Membuat Resent Post di Blog, Banyak cara membuat Recent Post untuk Blogspot. Cara yang paling praktis adalah dengan menyisipkan URL Feed blog anda ke Gadget Blogspot. Berikut saya berikan cara membuat Recent Post dengan JavaScript yang sangat mudah dan hanya cukup satu step saja sbb:

Masuk ke account blogger anda, pada posisi atau pilihan Page Elements, tentukan dimana Recent Post akan anda letakkan, dalam tutorial ini misalnya anda akan letakkan di sidebar template anda, lalu klik Add a Gadget, setelah itu pilih HTML/JavaScript seperti gambar dibawah ini:
addagadget Cara Membuat Recent Post Blogspot dengan JavaScript
Setelah itu akan muncul popup window seperti ini:

addagadget 1 Cara Membuat Recent Post Blogspot dengan JavaScript
Lalu copy script (warna hijau) dibawah ini kedalamnya.

<script style=”text/javascript” src=”http://www.hotlinkfiles.com/files/2739584_i9wgf/showrecentposts2.js”></script><script style=”text/javascript”>var numposts = 5;</script><script src=”http://NAMA-BLOG-ANDA.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts”></script>
Didalam script diatas ada bagian yang harus anda ubah sesuai blog anda yaitu:
  1. Angka 5 (warna merah) adalah jumlah artikel yang akan anda tampilkan, silahkan ubah sesuai selera anda.
  2. Tulisan NAMA-BLOG-ANDA (warna merah), ubahlah dengan nama blog anda.
  3. Klik SAVE, Selesai … selamat berblogria
  4. Contoh Recent Post ini bisa anda lihat disini.
SELAMAT MENCOBA

0 komentar:

Poskan Komentar