ini merupakan versi terbaru dari pada membuat recent post slide . . .
apakah sobat tertarik untuk mempraktekan nya di blog sobat???
Langsung saja klo begitu....
ikuti langkah - langkah di bawah ini..
1. Log in ke blog sobat
2. masuk ke Tata Letak > Tambah Gadget dan pastekan script di bawah ini :
<h2><i><span style="font-family: Georgia,"Times New Roman",serif;"><span style="background-color: black;"><span style="color: white;"><b><marquee behavior="alternate">ArtikeL TerbarU</marquee>
</b></span></span></span></i></h2>
<center><style type="text/css">
#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:transparent;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:white;}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:none !important;color:#F68629;text-align:justify;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:none
!important;color:white;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 2px #ffff00;width:90px;height:55px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="http://theplick.googlecode.com/files/newsticker-plick.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 900;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 20;
var numchars = 0;
</script> <script src="http://www.rexroom.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
</script> </ul>
</center>
</b></span></span></span></i></h2>
<center><style type="text/css">
#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:transparent;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:white;}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:none !important;color:#F68629;text-align:justify;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:none
!important;color:white;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 2px #ffff00;width:90px;height:55px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="http://theplick.googlecode.com/files/newsticker-plick.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 900;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 20;
var numchars = 0;
</script> <script src="http://www.rexroom.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
</script> </ul>
</center>
Keterangan :
Warna merah adalah judul gadget jadi sobat sudah tidak perlu menuliskan judul digadget. Sobat bisa merubah tulisan merah tersebut...
Warna Biru adalah tinggi gadget.
Warna Hijau adalah warna text kanan gambar... judul topik.
Warna kuning adalah url blog.. ganti dengan url sobat.
Warna putih adalah kecepatan slide...
Warna ungu adalah jumlah postingan yang akan di slide.
Warna orange adalah tinggi dan lebar dari thumbnail / gambar.
Yang lainnya sobat modifikasi aja sendiri... sekian turtorial dari saya....
Related Post:
Tentang BLoG
- Cara Membuat Tombol (button) url lengkap
- 10 Kata kunci (keyword) yang paling banyak di cari di dunia
- 10 Keyword yang paling banyak di cari di indonesia menggunakan google insight
- Cara Membuat Breadcrumbs Langsung Terindeks Oleh Google
- Merubah Postingan lama / baru (Navigasi) dengan angka
- Cara membuat 2 kolom posting / widget pada blog
- Cara membuat halaman depan blog tanpa postingan
- Merubah Title Tag Lebih SEO Friendly
- Membuat SlideShow mudah dan keren di blog
- Template keren gratis untuk blogger (part.3)
- Template keren gratis untuk blogger (part.2)
- Template keren gratis untuk blogger
- Membuat Favicon pada blog atau website bagian.2
- Membuat favicon pada blog atau website bagian.1
- Membuat menu dropdown keren
- membuat link menjadi warna warni / rainbow link
- Membuat Rencent Comment terbaru dan keren with avatar
- Menampilkan jumlah postingan di beranda
- Membuat Halaman Statis pada blogger
- Membuat Border / widget melengkung pada blog
- cara mendaftarkan blog di rss feeds
- Cara menghilangkan Diposkan, Label dan waktu postingan / artikel
- Memasang Menu Accordion Terbaru pada widget (vertikal)
- Memasukan Label Tertentu pada Widget
- Membuat blog jadi DoFollow