Saturday, May 26, 2012

Cara Memasang Recent Posts Terbaru Bergambar di Blogspot [1]

Terimakasih anda sedang berada di sini dan sedang membaca Cara Memasang Recent Posts Terbaru Bergambar di Blogspot Loading Ringan [1]. Ini adalah cara yang pertama, dalam artian bahwa saya akan memposting cara yang kedua. Tentu saja hasilnya berbeda, namun sama-sama tujuannya untuk menampilkan postingan atau artikel yang baru kita buat.

Tujuan dari Memasang Widget Recent Posts ini adalah agar pengunjung kita dapat mengetahui postingan atau artikel yang baru kita buat. Uniknya kita dapat mengatur berapa banyak postingan baru kita yang terindeks di daftar, berapa banyak yang akan ditampilkan, besar gambar dan kolom serta karena hasilnya dalam bentuk Scroll, jadi tidak menghabiskan halaman di Blog.

Baik, kita langsung saja. Sobat masuk ke Dashboard >> Pilih Edit Tata Letak >> Pilih Tambah Gadget atau Add Widget >> Pilih Html.

Setelah itu, pastekan kode berikut ini:
<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:#F68629;}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#F68629;text-align:justify;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #F68629;width:95px;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 = 1000;
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://नामाblogkamu.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script> </ul>
</center>
Jangan lupa tulisan yang berwarna merah sobat ganti dengan alamat blog sobat.

Yang berwarna biru adalah kecepatan scroll dan lamanya stop. Sobat bisa ganti sesuai keinginan sobat.

Yang berwarna Pink atau Merah Muda adalah jumlah artikel baru yang akan tampil secara bergantian. Dalam hal ini, mode defaultnya adalah 20 artikel.

Setelah itu, beri judul, misalnya "Artikel Terbaru" atau "Recent Articles". Kemudian simpan, dan lihat hasilnya.

Bagaimana? anda puas dengan tutorial ini? atau sobat punya cara yang lain? ditunggu komentarnya.

0 comments:

Post a Comment