Pasang Resent Post Bergambar di Blogspot

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

Memasang atau membuat resent post (artikel terbaru),sebuah widget yang akan menampilkan secara otomatis bila artikel baru di publikasi-kan,maka akan muncul di gedget tersebut yang telah di pasang. Untuk para pengguna blogspot memang makin hari di mudah-kan  dalam blogging. Karena untuk melengkapi keperluan halaman blog tidak harus pintar pemograman,sebab tinggal klik dan pasang.

Kalau dipikir memang terpasangnya artikel terbaru pada blog sangat penting,agar pengunjung dapat mudah melihat adanya posting baru terutama bagi mereka yang telah berlangganan berkunjung. Cara memasangnya sangat mudah dengan sarana yang telah disediakan.

CARA 1 :

Cara ini dengan menggunakan gedget bawaan blogspot,langkahnya >
1. Setelah anda masuk ke halaman dashboard blog anda,silahkan anda klik string di kanan judul blog anda. Silahkan lihat gambar di bawah (lihat yang dilingkar merah) klik Layout:

2. Lalu masuk halaman berikutnya seperti gambar di bawah :

Lihat link Add a Gedget atau Tambah Elemen. Silahkan anda pilih akan di pasang di mana resent postnya (secara umum biasanya di sidebar). Dan klik....

3. Maka akan tampil halaman pop up gedget,dan lihat yang di lingkar merah pada link Blogger (yang mana saja sama),dan klik :

4.  Muncul masih di halaman pop up yang tadi seperti gambar di bawah dan anda cari seperti yang di tadai merah,dan klik :

5. Pada tampilan berikutnya,adalah pengaturan resent post bila tampil nanti:

>Pada kolom judul/title ganti judul yang sesuai dengan bahasa blog.
>Pada kolom Display Number...silahkan anda isi nomor yang anda ingin (merupakan banyaknya jumlah post yang nanti akan muncul).
>Display Post Date boleh di centang boleh tidak,terserah anda (yaitu post yang muncul akan di sertai tanggal ).
>Show Summary.... Ini juga pilihan,post yang muncul nanti akan di sertai cuplikan atau tidak. Kalau ingin beserta cuplikanya maka di centang.
>Summary Length banyaknya kata cuplikan yang akan muncul.

Setelah sudah mantap (dan nanti juga bisa di rubah lagi bila kurang cocok),lalu lanjut klik SAVE.

6. Selesai,silahkan lihat hasil. Bila belum muncul nunggu waktu atau anda posting baru dulu.

Kalau centangnya di hilangkan nantinya gambar tidak akan muncul.

CARA 2 :

Cara ke 2 ini menggunakan script manual,bila ingin resent post yang pakai slide (gerak). Karena resent post slide bawaan belum tersedia di blogspot.

Langkahnya masuk ke halaman gedget/elemen dan klik Add a Gedget/Tambah elemen dan pilih JavaScript lalu klik. Kopi kode di bawah dan paste di kolom javscript,lalu simpan.


<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwHnMTHxo5LjK1aiM4pG3SsfQWOG65E3eEE_aI_XNFTCs2OaynXeIwsUJ6dnVt20YC2YmfY0-TPhLk_4xxPylBHtpQUHlb3bT76JlQd7jchhBpL5AE2aKeQyu49r31lbJ3_rKIB3eWr53j/s400/feedreader_2.jpg";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwHnMTHxo5LjK1aiM4pG3SsfQWOG65E3eEE_aI_XNFTCs2OaynXeIwsUJ6dnVt20YC2YmfY0-TPhLk_4xxPylBHtpQUHlb3bT76JlQd7jchhBpL5AE2aKeQyu49r31lbJ3_rKIB3eWr53j/s400/feedreader_2.jpg";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwHnMTHxo5LjK1aiM4pG3SsfQWOG65E3eEE_aI_XNFTCs2OaynXeIwsUJ6dnVt20YC2YmfY0-TPhLk_4xxPylBHtpQUHlb3bT76JlQd7jchhBpL5AE2aKeQyu49r31lbJ3_rKIB3eWr53j/s400/feedreader_2.jpg";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwHnMTHxo5LjK1aiM4pG3SsfQWOG65E3eEE_aI_XNFTCs2OaynXeIwsUJ6dnVt20YC2YmfY0-TPhLk_4xxPylBHtpQUHlb3bT76JlQd7jchhBpL5AE2aKeQyu49r31lbJ3_rKIB3eWr53j/s400/feedreader_2.jpg";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwHnMTHxo5LjK1aiM4pG3SsfQWOG65E3eEE_aI_XNFTCs2OaynXeIwsUJ6dnVt20YC2YmfY0-TPhLk_4xxPylBHtpQUHlb3bT76JlQd7jchhBpL5AE2aKeQyu49r31lbJ3_rKIB3eWr53j/s400/feedreader_2.jpg";
showRandomImg = true;
boxwidth = 350;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fontsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://ngulikku.blogspot.com/";
</script>
<script src="http://recentpostoilnk.googlecode.com/files/recentpost.js" type="text/javascript"></script>


Yang warna merah ganti dengan URL blog anda. Setelah di simpan silahkan lihat hasil. Selesai..Dan semoga berhasil.!

Silahkan berbagi dengan tombol share di bawah,mungkin orang lain lebih membutuhkan artikel ini:

ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَاٰلَمِين