Cara Memasang Recents Post Di blog

Cara Memasang Recents post blog. Membuat widget recents pos pada blog ini tampilan situs ada akan lebih SEO, kenapa ya? karena dari sisi traffic bisa meningkatkan klik halaman berikutnya ini membuktikan pengujung bisa lebih cepat mencari postingan terbaru, memasang widget recents pos bisa juga dengan gambar atau berupa judul saja tergantung pemilik blog, bila recents post dengan gambar biasanya tiap artikel baru akan tampil dengan thumbnail berupa gambar kecil.

Cara Buat Recents Post Blog. Keuntungan utama pada widget recents posts ini adalah menampilkan artikel baru, jadi recents pots ini sangat memberi peluang besar bagi pemilik blog bisa meningkatkan traffic untuk satu user saja, kadang pengunjung ingin melihat artikel yang fress dan terbaru. Untuk memasang recents pos di blog bisa di bagian kiri dan kanan pada template blog anda. Hasilnya entri terbaru akan terpampang ciamik di blog anda dengan tampilan yang keren.

Widget recents post memang dianjurkan bila anda berkeinginan mendaftarkan blognya untuk penayang atau publisher google adsense dan salah satu faktor kelengkapannya yang harus dibenahi untuk blog yang belum memasang recensts di blog.

Baca juga : Lokasi Terbaik Menyimpan Iklan Google Adsense

Untuk lebih jelasnya cara buat atau pasang recents post blog sebagai berikut ini :

Cara Pasang Recents post blog


1). Masuk ke dasbord blog anda.
2). Klik Layout dan add gadget baru .

Solusi cara Membuat Recents post blog

3). Pilih sub menu HTML / JavaScript .

Solusi cara Membuat Recents post blog

4). Ada 3 pilihan silahkan copy paste kode Javascript ini :

A). Recents pos berupa link tanpa gambar seperti blog ini saya pake

<style type="text/css">
    ul { list-style-image: url(http://img375.imageshack.us/img375/2936/flower.png) }
    ul a{text-decoration:none;}
    ul a:hover {background:#66FF00; text-decoration:none; color: red;"}
    </style>
    <script>
    function rp(json) {
    document.write('<ul>');
    for (var i = 0; i < numposts; i++) {
    document.write('<li>');
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
    var posturl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    posturl = entry.link[k].href;
    break;
    }
    }
    posttitle = posttitle.link(posturl);
    var readmorelink = "(more)";
    readmorelink = readmorelink.link(posturl);
    var postdate = entry.published.$t;
    var cdyear = postdate.substring(0,4);
    var cdmonth = postdate.substring(5,7);
    var cdday = postdate.substring(8,10);
    var monthnames = new Array();
    monthnames[1] = "Jan";
    monthnames[2] = "Feb";
    monthnames[3] = "Mar";
    monthnames[4] = "Apr";
    monthnames[5] = "May";
    monthnames[6] = "Jun";
    monthnames[7] = "Jul";
    monthnames[8] = "Aug";
    monthnames[9] = "Sep";
    monthnames[10] = "Oct";
    monthnames[11] = "Nov";
    monthnames[12] = "Dec";
    if ("content" in entry) {
    var postcontent = entry.content.$t;
    } else if ("summary" in entry) {
    var postcontent = entry.summary.$t;
    } else
    var postcontent = "";
    var re = /<\S[^>]*>/g;
    postcontent = postcontent.replace(re, "");
    document.write(posttitle);
    if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
    if (showpostsummary == true) {
    if (postcontent.length < numchars) {
    document.write(postcontent);
    } else {
    postcontent = postcontent.substring(0, numchars);
    var quoteEnd = postcontent.lastIndexOf(" ");
    postcontent = postcontent.substring(0,quoteEnd);
    document.write(postcontent + '...' + readmorelink);
    }
    }
    document.write('</li>');
    }
    document.write('</ul>');
    }
    </script>
    <script>
    var numposts = 5;
    var showpostdate = false;
    var showpostsummary = false;
    var numchars = 100;
    </script>
    <script src="http://ciriseo.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>

B). Recents post dengan thumbnail gambar kecil seperti screenshot di bawah ini :

recents pos gambar berjajar

<div id='bp_recent'></div>
<script style='text/javascript' src='http://yourjavascript.com/02415211738/artikel-terkait.js'></script>
<script style='text/javascript'>
var numberOfPosts = 20;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 55;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='http://ciriseo.blogspot.com/feeds/posts/summary?max-results=5&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>


C). Recents post Animasi bergerak ke atas dan widget ini keren sekali :

recentst post bergerak animasi


<style type="text/css">    #rp_plus_img{height:377px;}    #rp_plus_img li {height:60px;padding:5px;list-style:none;    background-color:#ffffff;    border:solid 1px #000000;}    #rp_plus_img a{color:#00000;}    #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;    text-align:justify;    -moz-border-radius: 5px;}    #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}    </style><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script><script src="https://sites.google.com/site/unwanted86/javascript/recentpost.js" type="text/javascript"></script><script type="text/javascript">    var speed = 1500;    var pause = 3500;    $(document).ready(function(){    rpnewsticker();    interval = setInterval(rpnewsticker, pause);    });    </script><ul id="rp_plus_img"><script>    var numposts = 5;    var numchars = 0;    </script>     <script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt"></script></ul><small>

5). Setting widget sesuai kebutuhan :

- Perubahan max-results 5 ganti seuka sobat, ini jumlah posting yang ingin ditampilkan.
- Ganti http://ciriseo.blogspot.com teks dengan URL Anda

6). Simpan widget Anda semoga berhasil sukses.

Demikianlah cara memasang recents post blog semoga bermanfaat bagi anda.

Subscribe to receive free email updates: