Cara Membuat Daftar Artikel Terbaru Secara Manual

Dalam artikel kali ini saya akan mempostingkan artikel yang bermanfaat buat blog sobat yaitu Cara Membuat Daftar Artikel Terbaru Secara Manual anda pasti bingung kan kenapa ngak otomatis saja?
karena dengan manual kita bisa memilih artikel baru maupun artikel lama  apa yang kita letakkan dengan tulisan NEW! dan pengunjung akan terarik untuk membaca nya gak usah lama-lama lagi ya silahkan lihat contoh gambar di bawah ini:


Jika anda tertarik untuk coba membuat nya silahkan ikuti langkah-langkah berikut ini:

1.buka akun blog sobat dulu

2.klik tata letak tambah gadget

3.pilih HTML/Javaskrip

4.masukkan kode di bawah ini ke dalam kotak javaskrip

<!-- yogi-tutorial.blogspot.com Daftar Artikel javascripts start from here-->
<style>
.list {
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px;
}
</style>

<table border='5' cellpadding='1'><tbody><tr><td><div style='overflow:auto; width:600px; height:300px; padding:10px; border:1px solid #000000;'>


<div class="list">
1. <a href="http://yogi-tutorial.blogspot.com/2012/07/cara-membuat-blog-di-blogger-terbaru.html">Cara Membuat Blog Di Blogger Terbaru 2012</a><i><b style="color: red;">-NEW!!</b></i></div>

<div class="list">
2. <a href="http://yogi-tutorial.blogspot.com/2012/07/jasa-pembuatan-blog.html">Jasa Pembuatan Blog Profesional</a><i><b style="color: red;">-NEW!!</b></i></div>

<div class="list">
3. <a href="http://yogi-tutorial.blogspot.com/2012/07/cara-mengganti-judul-blog-dengan-gambar.html">Cara Mengganti Judul Blog Dengan Gambar</a></div>

<div class="list">
4. <a href="http://yogi-tutorial.blogspot.com/2012/07/cara-menghapus-powered-by-blogger.html">Cara Menghapus Powered By Blogger</a></div>

<div class="list">
5. <a href="http://yogi-tutorial.blogspot.com/2012/07/cara-buat-kotak-fans-like-facebook-di.html">Cara Buat Kotak Fans Like Facebook</a><i><b style="color: red;">-NEW!!</b></i></div>

<div class="list">
6. <a href="http://yogi-tutorial.blogspot.com/2012/07/cara-menghilangkanmenyembunyikan.html">Cara Menghilangkan/Menyembunyikan Navbar(1)</a></div>

<div class="list">
7. <a href="http://yogi-tutorial.blogspot.com/2012/07/cara-menghapus-navbar-terbaru-di-blogger.html">Cara Menghapus Navbar Blogger (2)</a></div>

<div class="list">
8. <a href="http://yogi-tutorial.blogspot.com/2012/07/cara-membuat-dan-memasang-tombol-share.html">Cara Membuat Tombol Share Terlengkap</a><i><b style="color: red;">-NEW!!</b></i></div>

<div class="list">
9. <a href="http://yogi-tutorial.blogspot.com/2012/07/cara-membuat-2-kotak-header.html">Cara Membuat 2 Kotak Header</a></div></div>
<!-- yogi-tutorial.blogspot.com Daftar Artikel javascripts End here-->

5.Jika sudah klik save dan simpan tamplate

semoga bermanfaat ya sob