News Update :


Cara Membuat Recent Post Bergerak Di Blog



Cara Membuat Recent Post Bergerak Di BlogRecent Posts adalah widget yang menampilkan beberapa judul posting terbaru, yang bisa anda tampilkan pada sidebar sehingga pengunjung lebih mudah mengetahui posting-posting yang terbaru.

Biasanya recent post hanya menampilkan link judul atau dengan Thumbnail Image. Namun sekarang ada yang sedikit berbeda yaitu recent post dengan Thumbnail Image dengan model Slide Show (bergerak turun).


Jika sobat berminat dan ingin membuat Recent Posts, ikuti langkahnya sebagai berikut :

1. Login ke akun Blogger sobat
2. Klik Perancangan >> Elemen Laman
2. Klik Tambah Gadget
3. Pilih HTML/Javascript
4. Masukan kode berikut :


<style type="text/css">
#rp_plus_img{height:282px;overflow:hidden;border:solid 0px #585858;padding:6px 10px 14px 5px;background-color:none;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#000;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:11px;}
#rp_plus_img .news-text{display:block;font-size:10px;font-weight:normal !important;color:#282828;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 0px #585858;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="http://rizki-khaizir.googlecode.com/files/recentpostslidethumbnails.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 2500;
$(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>
5. Klik Simpan
6. Lihat hasilnya.

Anda sedang membaca artikel tentang Cara Membuat Recent Post Bergerak Di Blog dan anda bisa menemukan artikel Cara Membuat Recent Post Bergerak Di Blog ini dengan url http://wawasanfadhitya.blogspot.com/2012/06/cara-membuat-recent-post-bergerak-di.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuat Recent Post Bergerak Di Blog ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Cara Membuat Recent Post Bergerak Di Blog sebagai sumbernya.

Share on :
Bookmark and Share
| | 15 comments



Artikel Terkait

15 comments:

Kebajikan ( De εΎ· ) mengatakan...

Terima kasih gan

Fandi Adhitya mengatakan...

sama2 gan

rizki sajo mengatakan...

numpang promosikan blog ane gan baru buat
http://rhizkie4u.blogspot.com/

Fandi Adhitya mengatakan...

oke

firmanu mengatakan...

nice post gan

gadget mengatakan...

sippppp

Fandi Adhitya mengatakan...

thx

Ramzi mengatakan...

Nanti hasilnya seperti yang ada dibawah postingan blog mas bro ya
keren ni, thanks :)

Fandi Adhitya mengatakan...

bukan gan..itu beda lagi..
silahkan search cara membuat related post dengan gambar bergerak

ICHWAN mengatakan...

Terimakasih atas tips nya dan sudah saya semat di tempat saya semoga menjadi maklum.
Cuma belum mengerti dimana tempat pasang urlnya

Fandi Adhitya mengatakan...

maksudnya gmn gan?

Jefry mengatakan...

scriptnya kalau dipasang di blog wp bisa nggak ya ? soalnya saya pakai plugin tapi tidak berjalan
mohon infonya, terima kasih

Fandi Adhitya mengatakan...

sepertinya memang gak bisa buat wp bro..sorry

John mengatakan...

canada goose
ray ban sunglasses outlet
kobe 9
gucci handbags
jordan retro 11
louis vuitton
polo ralph lauren
gucci outlet
louis vuitton handbags
adidas uk
michael kors handbags
pandora outlet
nike free runs
michael kors outlet online
louboutin pas cher
louis vuitton outlet
cheap jordans
louis vuitton outlet
canada goose coats
louis vuitton outlet online
ralph lauren outlet
cheap oakley sunglasses
true religion outlet
michael kors outlet online
mont blanc legend
ralph lauren outlet
official coach factory outlet
michael kors outlet online
ralph lauren uk
ray ban sunglasses
coach outlet store online
ugg clearance
abercrombie and fitch
20151230yuanyuan

Gege Dai mengatakan...

chicago blackhawks
dallas cowboys jerseys
colts jerseys
falcons jersey
puma outlet
ed hardy tshirts
green bay packers jerseys
denver broncos jerseys
texans jerseys
chicago blackhawks jerseys
cheap nike shoes
hollister
tennessee titans jersey
raiders jerseys
new york knicks
nike trainers
giants jersey
valentino outlet
nike foamposite
golden state warriors jerseys
nike outlet store
abercrombie outlet
carolina jerseys
chargers jerseys
air max 2014
chiefs jersey
carolina panthers jerseys
air jordan 4
nike mercurial
tommy hilfiger
kansas city chiefs jersey
nike outlet store online
chicago bulls
washington redskins jerseys
chicago bears jerseys
linyuan0504

Komentar di: Cara Membuat Recent Post Bergerak Di Blog

Berkomentarlah dengan sopan dan pastikan komentar anda bukan spam. Komentar spam akan dihapus.

 

Page Rank Check

Technology Blogs

© Copyright 2012.Wawasanfadhitya: Cara Membuat Recent Post Bergerak Di Blog | Template by Fandi Adhitya
All Rights Reserved | Privacy Policy