Farah Tutorial & Freebies Blog

Menambah Recent Post

Kamis, 27 Desember 2012 - Permalink - 0 Comments

COPAS Boleh, tapi Sertakan Credit by http://farahtutorial.blogspot.com/ di awal Post

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"

Profile

About Me

Profile

Name : Farah Nasution

Hobbies: Reading, Writing, Photograph

Favourite Sports : Chess Sport, Martial Art

Favourite Animals : Hamster, Cat, Rabbit

Favourite Place : My Bedroom... >.<

Favourite Colors : Black, Pink

Favourite Study : Math, Sience, Art, Sport

Menambah Recent Post

Kamis, 27 Desember 2012 - Permalink - 0 Comments

<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>