Kamis, 27 Desember 2012

"Cara Menambahkan Recent Post ke Dalam Blog"


Hai semua! Hari ini hari jum'at, mmmm aku mau ngasih tutorial lagi, :D Aku dapatnya dari BLOG Orang! hahahah blog orang Malaysa! :D Jadi trasa masih kurang ngerti, tapi aku hanya memahami LINKnya! hahaha, ok kali ini tutorialnya adalah Cara Menambahkan Recent Post ke Dalam Blog, tapi aku mau tanya nih! tau Recent Post gak? Recent Post itu adalah... mmm kalian bisa lihat di Blog-ku sidebar kiri bawah! ada kan tulisannya "Recent Post" nah!!! itu!!! dia bisa gerak2! hahah. mau kayak gitu gak? OK Langsung aja yokkkk (Ikuti Step)

1. Buka Blogger.

2. Klik Tata letak.

3. Tambah Gadget.

5. Cari HTML/JavaScript.

6. Copy Code 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://farahtutorial.blogspot.com/2012/12/cara-menambahkan-recent-post-ke-dalam.html" target="_blank">get this widget here</a></small>

7. Paste Code Tadi.

8. Ganti Tulisan FFFFFF Dengan warna Latar Recent Post yang kalian mau, bisa dilihat macam macam warnanya di Sini

9. Ganti Tulisan 000000 Dengan Warna bingkai Recent Post yang kalian mau, bisa dilihat macam macam warnanya di Sini 

10. Jika tadi sudah di paste!!! Simpan.

11. Simpan Perubahan.

12. Selesai!!! dan Lihat Blog! apakah yang terjadi???? semoga hasilnya bagusss ^^

(Ini Hanya Berlaku Bagi Blog Yang postnya lebih dari 1) 

"Wassalamualaikum" 

Tidak ada komentar:

Posting Komentar