Tutorial : Menambahkan Recent Post

Hallo every badeeh...

kali ini aku mau posting cara "Menambahkan Recent Post" pada blog.

Udah biasa sih ya, tapi bagi yang belum tau tetep aja jadi susah.

Nah,, langsung aja deh guys ikutin langkahnya

1. Log In ke Blogger dan masuk ke Dashboard
2. Pilih Tata Letak (Layout) dan Add Gadget
3. Cari +HTML/Javascript

Kemudian Copy HTML dibawah ini :

<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 type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/jombinabeloganimatedrecentpost/recentpost.js"></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 style="text/javascript">
var numposts = 5;
var numchars = 0;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul><small><a href="http://vladderashop.blogspot.com/2015/05/menambahkan-recent-post.html" target="_blank">get this widget here</a></small>

4. Ganti tulisan #FFFFFF dengan warna pilihan kalian sendiri untuk merubah warna background pada Recent Post dan #000000 untuk merubah warna border (garis bingkai).
Untuk tabel warna silahkan klik disini.

5. Selesai dan Simpan. Taraaaa~ lihat hasilnya :)

Selamat Mencoba yaaa

Hanabi

author : Hanabi ~ http://ashkawaiipastel.blogspot.com/

article Tutorial : Menambahkan Recent Post posted by Hanabi. Thank you for your visit and your willingness to read this article. If you want to copy paste this article , please specify link Tutorial : Menambahkan Recent Post as the source.

<a href="https://vladderashop.blogspot.com/2015/05/menambahkan-recent-post.html">Tutorial : Menambahkan Recent Post</a>