Cara Membuat Recent Post Berjalan Di Blog
Cara Membuat Recent Post Berjalan Di Blog ~ Sore Ini sebelum Berbuka Puasa saya akan berbagi tips ok langsung saja kita mulai, Recent post biasanya menampilkan sejumlah judul artikel yang belum lama sobat posting dalam deretan ke bawah dan tak jarang juga ada yang bergerak
(animasi ) ke bawah. Contohnya sobat bisa lihat di sidebar blog ini.
Kali ini saya akan kasih tahu bagaimana cara memasang recent post di blog. Sobat yang berminat silahkan ikuti tutorial berikut.
1. Login dulu ke Akun Blogspot anda
· 2. Lalu pada halaman Dasbord Pilih dan Klik Rancangan
· 3. Setelah terbuka Laman rancangan Klik Tambah Gadget
· 4. Lalu pilih Widget HTML/JavaScript
5. masukan Kode Berikut dalam HTML/Java script
<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&alt=json-in-script&callback=rpthumbnt">
</script> </ul>
<small><a href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-recent-post-berjalan-di.html" target="_blank">get this widget here</a></small>
6. Semoga Bermanfaat
Artikel Menarik Lainnya 
Langganan:
Posting Komentar (Atom)
17 Responses to “Cara Membuat Recent Post Berjalan Di Blog”
mantap langsung ane coba di blog baruku.. 4 Agustus 2012 pukul 07.59
ikutan coba juga ah...mantab blognya gan 9 Agustus 2012 pukul 12.25
Makasih Gan Infonya, artikelnya sangat bermanfaat ! http://materikuliahjuni.blogspot.com/ 10 Agustus 2012 pukul 11.28
bro.. boleh tanya.. caranya bikin supaya html code ber-scroll itu gimana ya.. makasih..
kunjungi ya.. blog baruku
http://blogbacanih.bogspot.com 13 Agustus 2012 pukul 06.04
liat aja di sini gan http://sumbangsihkomputer.blogspot.com/2012/06/cara-membuat-scroll-pada-blog-archive.html 13 Agustus 2012 pukul 23.55
like jangan lupa mampir di blogku yah ruliberbagi.co.cc 22 Agustus 2012 pukul 17.47
wuihhh...kok ada link nya yak....boleh di hapus ka ga tuhh 25 Agustus 2012 pukul 00.18
wihh mantap... jangan lupa mampir ke blog ane juga gan! http://fariz1999.blogspot.com 27 September 2012 pukul 11.17
Komentar ini telah dihapus oleh pengarang. 1 November 2012 pukul 03.09
hapus aja ini gan Script jquery yg di atas 18 November 2012 pukul 22.07
scriptnya kalau dipasang di blog wp bisa nggak ya ? soalnya saya pakai plugin tapi tidak berjalan
mohon infonya, terima kasih 19 November 2012 pukul 12.06
Terimakasih, udah berhasil di pasang di blogku...
silahkan kunjungi blogku untuk liat hasilnya :) 21 Desember 2012 pukul 14.10
ikutan
my blog
http://logcyber.blogspot.com/ 21 Desember 2012 pukul 20.13
Wah Susah Nyocokin Ma Warna Backroundnya Gan... 1 Januari 2013 pukul 05.21
ini dia yang di cari. thank ya kang... 4 Januari 2013 pukul 15.39
mantap tutorialnya gan, terima kasih dan ijin mencoba ya... 22 Januari 2013 pukul 10.23
artikel yang bermanfaat, terima kasih udah berbagi sob... 22 Januari 2013 pukul 10.24
Posting Komentar