=> Get This Widget <= |
Tutorial kali ini Teteh Reny akan membahas bagaimana cara membuat artikel terbaru atau recent post pada blogspot.
Artikel terbaru atau recent post adalah kumpulan link yang berisikan artikel-artikel terbaru atau bisa juga didefinisikan sebagai sebuah widget yang menampilkan posting/artikel terbaru.
Banyak tutorial yang membahas bagaimana cara membuat recent post / widget artikel terbaru, salah satu nya adalah artikel terbaru lbs blog yang berjudul Cara Membuat Widget Artikel Terbaru atau Recent Post Terbaru di Blogspot.
Tutorial recent post yang sedang anda baca ini adalah Recent post yang bergerak/slide yang berisikan thumbnail/gambar dan cuplikan-cuplikan artikel sobat blogger.
Cara Membuat Recent Post / Artikel Terbaru Bergerak Pada Blogspot:
1. Login ke Dasbor blogspot.
2. Pilih Rancangan
3. Klik Tambah Gadget pada bagian blog yang ingin di tambah Recent Post.
4. Kemudian Pilih HTML/JavaScript
5 Isi Judul Sesuka anda, Copy dan letakkan kode dibawah ini kedalamnya
<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://www.adriancellular.net/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script> </ul></center>
6. Ganti tulisan yang berwarna merah dengan nama blog yang sobat gunakan.
7. Simpan dan Lihat hasilnya.
kalau script artikel diatas kurang kelihatan dapat di download disini
source artikel
artikel Cara Membuat Recent Post Bergerak Di Blogspotsangat jauh dari sempurna, untuk masukan, kritik serta saran yang membangun sangat kami harapkan :0
_____ ____________________________
wasalam
penanggung jawab Blog
+ komentar + 4 komentar
It's fantastic that you are getting thoughts from this article as well as from our argument made at this place.
Here is my webpage; social bookmarking service
my web page - Www.warriorforum.Com
aduh saya mah teu bisa bahasa inggris, hatur nuhun wen nya
I read this piece of writing fully concerning the comparison of most recent and earlier technologies, it's amazing article.
Stop by my web blog: Psn Code Generator
Wonderful goods from you, man. I have understand your stuff previous to and you're just too excellent.
I really like what you've acquired here, really like what you're stating
and the way in which you say it. You make it entertaining and you
still care for to keep it smart. I can't wait to read far more from you.
This is actually a wonderful website.
my web page :: avoir minecraft gratuit []
Post a Comment
Terima Kasih Telah Berkunjung, Suka postingan ini?Tinggalkan komentar di bawah ini, terima kasih! :)