Content

Membuat Recent Post di Blogspot

31 Oktober 2011
Recent post adalah semacam widget untuk menampilkan postingan terbaru atau terakhir di dalam blog kita. Untuk membuat recent post di blogspot juga dapat kita lakukan dengan mudah. Ada 2 macam cara untuk membuat recent post ini, yaitu dengan menggunakan element bawaan dari blogger atau kita membuat sendiri dengan menggunakan javascript.

Untuk membuat recent post di blogspot dengan menggunakan elemen bawaan, sangat mudah sekali. Anda tinggal masuk ke dalam dashboard anda, design, lalu add gadget, dan pada sidebar kiri pilih feature. Silahkan anda klik add (icon plus) recent post, dan silahkan anda sesuaikan tampilan yang anda inginkan.


Recent Post

Jika anda kurang begitu menyukai tampilan dari recent post bawaan blogger, anda bisa membuat sendiri dengan menggunakan javascript. Caranya copy kode berikut kedalam element html/javascript :

<div style='float:left;'>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhlR6zhuYwdR-MKvvF6RXP79k9WL3A5SXwn-VTaCaM5xKG3MjN_hTztjKudoa1X7VfRoIqhc2Iy6PYHIVugzSbRQBkfob9tFzz8ZgWCBm_APbacq6smJoiFF_QwgIW56wZCn9jk-2al9A/";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhlR6zhuYwdR-MKvvF6RXP79k9WL3A5SXwn-VTaCaM5xKG3MjN_hTztjKudoa1X7VfRoIqhc2Iy6PYHIVugzSbRQBkfob9tFzz8ZgWCBm_APbacq6smJoiFF_QwgIW56wZCn9jk-2al9A/";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhlR6zhuYwdR-MKvvF6RXP79k9WL3A5SXwn-VTaCaM5xKG3MjN_hTztjKudoa1X7VfRoIqhc2Iy6PYHIVugzSbRQBkfob9tFzz8ZgWCBm_APbacq6smJoiFF_QwgIW56wZCn9jk-2al9A/";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhlR6zhuYwdR-MKvvF6RXP79k9WL3A5SXwn-VTaCaM5xKG3MjN_hTztjKudoa1X7VfRoIqhc2Iy6PYHIVugzSbRQBkfob9tFzz8ZgWCBm_APbacq6smJoiFF_QwgIW56wZCn9jk-2al9A/";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhlR6zhuYwdR-MKvvF6RXP79k9WL3A5SXwn-VTaCaM5xKG3MjN_hTztjKudoa1X7VfRoIqhc2Iy6PYHIVugzSbRQBkfob9tFzz8ZgWCBm_APbacq6smJoiFF_QwgIW56wZCn9jk-2al9A/";
showRandomImg = true;
boxwidth = 191;
cellspacing = 3;
borderColor = "#FFFFFF";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://www.with-miqdi.blogspot.com/";
</script>
<script src="http://bloggerafif.googlecode.com/files/recentposts_thumbnail.js" type="text/javascript"></script>

</div>
<div style='clear:both;'/></div>

Silahkan anda ganti kode homepage dengan alamat URL blog anda. yang jelas bertanda cetak tebal berwarna UNGU ganti dengan URL anda sob, Boxwidth dengan angka 191 berwarna HIJAU anda sesuaikan dengan ukuran sidebar anda. Dengan menggunakan recent post ini maka anda telah mempercantik blog anda dengan javascript.

Selamat mencoba dan semoga berhasil.


Sumber : http://adf.ly/3Ugjv

0 komentar:

Posting Komentar

Blog Archive