CARA MEMBUAT GADGET ARTIKEL TERBARU RECENT POST DENGAN GAMBAR

Untuk mengedepankan kenyamanan pengunjung blog kita, ada baiknya jika memberikan fasilitas recent post/postingan terakhir/artikel terbaru blog kita. Hal ini perlu dilakukan agar pengunjung blog kita dapat mengetahui artikel apa saja yang telah kita update, sehingga pengunjug blog dapat dengan mudah membacanya.

Adapun contoh gadget artikel terbaru yang saya pakai ialah :

Maka dari itulah, beberapa hal yang perlu dilakukan antara lain :

• Masuk/login ke blog kawan.
• Masuklah ke pengaturan TATA LETAK
• Tambahkanlah gadget (terserah tempatnya dimana).
• Pilihlah gadget HTML/JAVASCRIPT.
• Setelah itu pastekan kode berikut ini :

<div style="border: 1px solid #00008B;overflow: auto;width:ancho;height:300px; padding: 10px;">
<ul>

<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3tSEIkyHgFBdYgw41hX2w7VkAsuuLyWqxY6TuUCavckfvAbaJTC4DqE0X5eHUjq5hyphenhyphenXUm3QnS1Yt7eYza04RFOXETUqnU6knQ1nsbtUnHZxKtDbzn3ITYd0PYZLh-Iy8GKfjuxWYtNyxT/s760/logo.jpg";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3tSEIkyHgFBdYgw41hX2w7VkAsuuLyWqxY6TuUCavckfvAbaJTC4DqE0X5eHUjq5hyphenhyphenXUm3QnS1Yt7eYza04RFOXETUqnU6knQ1nsbtUnHZxKtDbzn3ITYd0PYZLh-Iy8GKfjuxWYtNyxT/s760/logo.jpg";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3tSEIkyHgFBdYgw41hX2w7VkAsuuLyWqxY6TuUCavckfvAbaJTC4DqE0X5eHUjq5hyphenhyphenXUm3QnS1Yt7eYza04RFOXETUqnU6knQ1nsbtUnHZxKtDbzn3ITYd0PYZLh-Iy8GKfjuxWYtNyxT/s760/logo.jpg";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3tSEIkyHgFBdYgw41hX2w7VkAsuuLyWqxY6TuUCavckfvAbaJTC4DqE0X5eHUjq5hyphenhyphenXUm3QnS1Yt7eYza04RFOXETUqnU6knQ1nsbtUnHZxKtDbzn3ITYd0PYZLh-Iy8GKfjuxWYtNyxT/s760/logo.jpg";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3tSEIkyHgFBdYgw41hX2w7VkAsuuLyWqxY6TuUCavckfvAbaJTC4DqE0X5eHUjq5hyphenhyphenXUm3QnS1Yt7eYza04RFOXETUqnU6knQ1nsbtUnHZxKtDbzn3ITYd0PYZLh-Iy8GKfjuxWYtNyxT/s760/logo.jpg";
showRandomImg = true;
boxwidth = 230; /*Lebar Widget*/
cellspacing = 5; /*Jarak Judul Dengan Artikel*/
borderColor = "#B0E0E6"; /*Warna Dalam*/
bgTD = "#000000";
thumbwidth = 50; /*Lebar Gambar*/
thumbheight = 50; /*Tinggi Gambar*/
fntsize = 12; /*Ukuran Font Judul*/
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 15;
home_page = "http://moving-forw4rd.blogspot.com/";
</script>

<script src="http://yourjavascript.com/434281731/recentposts-thumbnail.js" type="text/javascript"></script>
</ul></div>

Gantilah url blog berwarna merah tersebut dengan URL blog kawan.

• Setelah itu klik SIMPAN, dan lihatlah hasilnya.

Mudah bukan. :)

Sekian dulu artikel sederhana dari saya, semoga bermanfaat bagi kawan-kawan semua.

Jika ada yang perlu ditanyakan, silahkan tinggalkan komentar. :)