Senin, 27 Mei 2013

Cara Membuat Recent Post di Blogspot



Cara Membuat Recent Post di Blogspot - Kali ini saya akan membagikan cara-cara untuk membuat recent post. Untuk apa sebenarnya recent post ini ? Yang pasti dengan adanya fitur ini akan memberi nilai tambah pada navigasi blog anda. Perlu anda ketahui, navigasi merupakan hal yang penting dalam sebuah blog. Biasanya pengunjung akan betah berlama-lama di blog yang memiliki navigasi yang baik.


Ada 2 cara untuk membuatnya. Bisa dengan memanfaatkan feed dari blog anda sendiri ataupun menggunakan kumpulan script tambahan. Pertama-tama saya akan beritahukan dulu cara yang paling mudah, yaitu dengan memanfaat feed blog anda sendiri. Silahkan perhatikan langkah-langkah berikut :
Cara Membuat Recent Post di Blogspot

Cara 1

  • Login ke akun blogger anda.
  • Pilih menu TATA LETAK kemudian TAMBAHKAN GADGET.
  • Pilihlah widget FEED (Seperti gambar di bawah !)
Cara Membuat Recent Post di Blogspot

  • Setelah ditambahkan, anda akan diminta mengisi alamat URL FEED blog anda. Isikan alamat blog anda dan tambahkan /feeds/posts/default di belakangnya. Contoh : kamigurumadrasah.blogspot.com/feeds/posts/default
Cara Membuat Recent Post di Blogspot
  • Kemudian klik LANJUTKAN, lalu silahkan tentukan tampilan seperti apa yang anda inginkan. Kalau sudah klik SIMPAN.
  • Lihat tampilan blog anda, maka akan muncul artikel-artikel terbaru yang sudah anda update. Hasilnya kurang lebih akan seperti gambar di bawah ini !
Cara Membuat Recent Post di Blogspot

Nah itu adalah cara pertama yang terbilang simple dan mudah. Jika anda suka, silahkan diterapkan. Tapi saya masih punya 1 buah cara lagi. Dalam cara ini, recent post yang ditampilkan tidak hanya berupa tulisan/text. Tapi beserta gambar dan jumlah komentar yang ada. Menarik bukan ? Silahkan lihat screenshotnya di bawah ini !

Cara Membuat Recent Post di Blogspot

Sekarang kita langsung ke cara membuatnya, perhatikan langkah - langkah berkut !

Cara 2

  • Login dengan menggunakan akun blogger anda.
  • Pilih menu TATA LETAK, kemudian TAMBAHKAN GADGET
  • Pilih widget HTML/JAVA SCRIPT.
  • Sekarang tinggal copy script di bawah ini !

Script 

<script type="text/javaScript">
imgr = new Array();
imgr[0] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[1] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[2] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[3] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[4] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "";
bgTD = "#000000";
thumbwidth = 75;
thumbheight = 75;
fntsize = 12;
acolor = "#666";
aBold = false;
icon = " ";
text = "Komentar";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5 ;
home_page = "kamigurumadrasah.blogspot.com/";
</script>
<script src="http://facebooktimer.googlecode.com/files/removeHtmlT.js" type="text/javascript"></script>
<a href='http://digitalareas.blogspot.com/' 
target="_blank"><small><font color='#555555'>Blogger Widget
</font></small></a>


  • Perhatikan script di atas . Ada 2 bagian yang saya beri warna merah. Pertama adalah numpost = 5 , itu berarti jumlah post yang muncul adalah 5. Silahkan anda ganti sesuai keinginan anda.. Kedua adalah home_page = "kamigurumadrasah.blogspot.com/"; silahkan ganti tulisan "http://digitalareas.blogspot.com/" dengan alamat homepage blog anda.
  • Setelah anda copy script di atas ke bagian konten HTML, isikan judul nya sesuai keinginan anda. Bisa dengan "Recent Post", "Artikel Terbaru", "New Update" dan lain-lain. Jangan lupa setelah itu klik tombol SIMPAN dan lihat perubahannya pada blog anda.
Langkah-langkah di atas sudah saya coba dan sebelumnya dan terbukti berhasil. Bila anda mengalami kegagalan pada saat melakukannya mungkin itu di karenakan ada hal yang terlewat. Silahkan di baca dengan seksama langkah-langkah di atas.

Demikian update saya kali ini mengenai Cara Membuat Recent Post di Blogspot , semoga bermanfaat !
__________________________________
Source : http://digitalareas.blogspot.com/2013/02/cara-membuat-recent-post-di-blogspot.html

0 komentar:

Poskan Komentar

| Guru Madrasah Blog © 2013. All Rights Reserved | Template Style by My Blogger Tricks .com | Edited by Abdul Hanan | Back To Top |