Cara Membuat Dan Menampilkan Artikel Terbaru Di Blogspot

Cara Membuat Widget Artikel Terbaru di Blog.

Pada Tutorial kali ini saya akan mengajak anda yang masih Newbie seperti saya ini untuk membuat Artikel terbaru atau Recent post bergambar di blog, jika memang itu yang anda mau dengan gambar dan judul yang tidak bergerak ,nah kali ini saya akan mempersembahkannya buat anda.

Pada widget artikel terbaru nantinya akan menampilkan judul posting dari yang lama sampai yang terbaru, tujuannya adalah agar pengunjung mengetahui artikel-artikel terbaru yang kita update.

( Baca Juga Tutorial Lengkap Cara Membuat Blog Menjadi Tampak Profesional )

I. Langkah-langkahnya.
Kalau Anda sudah penasaran ingin membuatnya, silahkan ikuti langkah-langkahnya berikut ini :
Langkah pertama seperti biasanya,

1. Login ke akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy paste kode dibawah ini pada HTML/JavaScript.

<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 = 220;

cellspacing = 8;

borderColor = "";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = false;

icon = " ";

text = "Komentar";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5 ;

home_page = "http://tipswebsitee.blogspot.com/";

</script>

<script src="http://rhoedalismev2.googlecode.com/files/removeHtmlT.js" type="text/javascript"></script>

Keterangan Warna Pada Script :

• Kode berwarna Merah adalah ukuran Sidebar, sesuaikan dengan ukuran Sidebar anda.
• Kode berwarna biru adalah ukuran huruf.
• Kode berwarna kuning adalah jumlah post yang ingin ditampilkan.
• Ganti Kode berwarna hijau dengan alamat blog anda.

Nah... Gampang Bukan??Selanjunya di bawah ini ada beberapa pilihan Script untuk anda, siapa tahu anda berminat untuk mencobanya :

<script src="http://tipswebsitee-javascript.googlecode.com/files/artikel-terbaru.js"></script>

<script>var numposts = 9; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>

<script src="http://tipswebsitee.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">

</script>

Keterangan :
- numposts = 9; yaitu judul artikel yang akan ditampilkan.
- http://tipswebsitee.blogspot.com : ubah dengan URL blog Anda.

Catatan:
ubahlah nominal angka yang sengaja saya warnai dengan warna Biru tersebut. Gunanya adalah untuk merubah berapa jumlah judul artikel terbaru yang akan sobat tampilkan nantinya. Dan ubah juga alamat URL blog yang tercetak merah diatas dengan alamat URL blog anda.

<div id="hlrpsb">

<script style="text/javascript" src="http://gemar-html.googlecode.com/svn/trunk/js/widget%20posting%20terbaru%20dengan%20judul%20saja.js"></script>

<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>

<script src="http://NAMABLOGANDA.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>

<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>

<style type=text/css>

#hlrpsb { }

.bbrecpost2 {

padding-top:6px;

padding-bottom:6px;

border-bottom: 1px #cccccc dotted; }

</style>

( Baca Juga Cara Mudah Membuat Posting Artikel Di Blogspot )

Nah, kini sidebar Anda sudah terpasang widget artikel terbaru, selamat mencoba.