Cara Membuat Navigasi Pos Terbaru

Cara Membuat Navigasi Pos Terbaru - Navigasi sangat lah penting untuk kenyamanan pengunjung blog dan merupakan salah satu syarat agar di approved oleh Google Adsense.

Navigasi Pos Terbaru atau Recent Posts penting untuk sebuah blog agar para pengunjung blog mengetahui update pos terbaru dari blog anda. kali ini Bos Go Blog akan memberikan Tips Cara Membuat Navigasi Pos Terbaru. Cara nya hanyalah satu namun ada tiga bentuk Pos Terbaru yang akan saya berikan, ada yang hanya menggunakan Gambar, ada yang hanya dalam bentuk tulisan dan yang terakhir menggunakan gambar dan tulisan.

Simak cara membuat Pos Terbaru berikut :

1. Buka Dashboard Blog Anda.

2. Masuk ke Layout => Add Gadget => pilih HTML/JavaScript.

3. Kemudian masukkan kode Pos Terbaru di bawah ini.

Hanya Gambar

<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://bos-goblog.blogspot.com/feeds/posts/summary?max-results=20&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>

Hanya Tulisan

<div id="tb">

<script style="text/javascript" src="http://tutorialblogspot.googlecode.com/files/recentpostnothumbnail.js"></script>

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

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

<div style="display:none;">Recent Post no Thumbnail by <a href="http://www.tutorialblogspot.com/">Tutorial Blogspot</a></div>

<style type=text/css>

#rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3dTjE3_3SxIUOewHUqtyNxdGfhsCajffSXZcqLbPQ1f4E94S8tBkfvLLXLPB02OijXeIkZlUk74qx-PyP6nRXiXrZitWz6QRo1VWsxGA-zUb0ILuawnKOWU8Z6JFZG-01HZJSRWizVeBs/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}

#rpdr, #rpdr a {color:#808080;}

#tb { }

.bbrecpost2 {

padding-top:6px;

padding-bottom:6px;

border-bottom: 1px #cccccc dotted; }

</style>

Gambar dan Tulisan

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

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://bos-goblog.blogspot.com/";

</script>

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

Keterangan :

Warna Merah : Jumlah Pos Terbaru

Warna Biru : Ganti dengan Alamat blog anda

4. Klik Save untuk menyimpan.

Itu lah Cara Membuat Navigasi Pos Terbaru atau Recent Posts yang dapat anda gunakan di blog anda. jika ada yang ditanyakan atau kebingungan silahkan menghubungi saya melalui kontak atau melalui komentar di bawah terima kasih.