Minggu, 06 Januari 2013

Membuat Recent Post Bergerak Di Blog

| Minggu, 06 Januari 2013 | 0 komentar

Pembaca Setia Blog Maktabah Online yang saya cintai ..

Kali ini saya akan hadir menemani anda untuk berbagi tentang bagaimana membuat recent post bergerak di Blog. 

Sebetulnya posting tentang tema ini, sudah pernah saya muat di Blog Goresan Jari Jemariku , hanya saja beberapa script tersebut saya coba ternyata sudah expired. Nah untuk script yang saya bagikan ini, Insya Allah sampai naiknya tulisan ini, masih bisa digunakan, karena baru saja saya pasang di Blog Griya Herbal Ummu Iram , Blog Toko Online Belanja Grosiran Herbal Dengan Harga Eceran , coba deh liat ke TKP ya..

Nah caranya mudah sekali :
  1. Login Ke akun Blogger anda
  2. Kemudian masuk ke mode Lay out atau Tata letak
  3. Lalu Tambahkan satu gadget HTML pada posisi yang anda inginkan
  4. Kemudian anda beri judul misalkan Recent Post / Artikel Terbaru / Tulisan Terbaru / Berita Terbaru
  5. Setelah itu anda copy kode berikut dan paste disana . Lalu save dan kemudian lihat hasilnya ..
  6. Gampang kan .. selamat mencoba ...
Mau koyo kaki Happy Life Murah hanya @Rp.7000-an ? 
Atau Mau Koyo Kaki Bamboo Gold Hanya @Rp. 8000-an ?  
Klik aja gambar berikut ... 


Ini kodenya :


Silahkan :

<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&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script> </ul>

Ditulis Oleh : muhammad yusuf ~ Blog Pribadi Abu Iram Al-Atsary

Selamat, Anda sedang membaca artikel saya yang berjudul Membuat Recent Post Bergerak Di Blog - Artikel ini diposting oleh muhammad yusuf pada hari Minggu, 06 Januari 2013. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Jangan lupa like ke akun facebook anda untuk berbagi - Kritik dan saran dapat anda sampaikan melalui Buku Tamu Kami. By. Abu Iram Al-Atsary.

0 komentar:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

Tulis Komentar Anda Disini:

 
© Copyright 2010. yourblogname.com . All rights reserved | yourblogname.com is proudly powered by Blogger.com | Template by o-om.com - zoomtemplate.com