Cara Mambuat Recent Post Bergerak Ke bawah

Posted by Rudy Susetyahadi on December 02, 2011

Cara Mambuat Recent Post Bergerak Ke bawah - Mau tau caranya membuat Recent Post yang bisa bergerak ke bawah secara otomatis seperti yang anda lihat di samping blog ini??
Kalau begitu silahkan Copy Script dibawah ini :

    <center><table border="2" cellpadding="7"><tbody><tr><td><center><style type="text/css">
    #rp_plus_img{height:280px;overflow:hidden;border:solid 0px #000000;padding:6px 10px 14px 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:85px;padding:0px;list-style:none;}
    #rp_plus_img a{color: #000000;}
    #rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#000000;text-align:left;}
    #rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#DF0101;text-align:justify;}
    #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #DF0101;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="https://sites.google.com/site/bloggerbugis/js/RergerakBB4U%282%29.js" type="text/javascript">
    </script>
    <script type="text/javascript">
    var speed = 1000;
    var pause = 3500;

    $(document).ready(function(){
    rpnewsticker();
    interval = setInterval(rpnewsticker, pause);
    });
    </script>
    <ul id="rp_plus_img"><script>
    var numposts = 20;
    var numchars = 45;
    </script> <script src="http://fieroe-fieroe.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
    </script> </ul>
    </center></td></tr></tbody></table></center>

Ganti URL yang berwarna Biru dengan URL blog anda

Selanjutnya....................
Tambahkan gadget baru pada blog anda dengan memilih kotak HTML/JavaScript lau paste kode Related Post yang telah anda ganti dengan URL BLOGANDA sendiri lalu simpan. Dan Selesai..!!!

Jika ingin mengedit kode yang lain, silahkan edit kode HTML Recent Postnya yang di beri warna MERAH sesuai petunjuk berikut :

height:280px; Adalah tinggi Kotak Recent Post. Silahkan ganti angka 280 menjadi angka yang lebih banyak jika ingin membut kotak yang lebih panjang atau sebaliknya.

 font-size:14px;font-weight:bold !important;color:#000000; Adalah kode untuk Besar huruf dan warna Judul artikel. Ganti angka 14 menjadi lebih besar jika ingin membuat Teks Judul menjadi lebih besar dan sebaliknya. Kode #000000 adalah kode warna hitam. Silahkan diganti dengan kode warna anda jika anda menginginkan warna lain pada judul artikel yang akan ditampilkan Related Post.

font-size:12px;font-weight:normal !important;color:#DF0101; Adalah kode untuk tulisan yang ada di bawah gambar thumbnail yang merupakan kalimat pertama artikel. Cara mengedit kodenya sama seperti cara mengedit judul artikel di atas.

var speed = 1000;
var pause = 3500; Adalah kecepatan Gambar bergerak Turun dan Lama Gambar Terdiam sebelum bergerak. Ganti angka 1000 jika ingin membuat gambarnya bergerak turun lebih cepat dan sebaliknya.  Begitu juga dengan angka 3500 jika ingin membuat gambar terdiam lebih lama dan sebaliknya, sebelum gambar bergerak turun.

var numposts = 20; adalah jumlah judul postingan / artikel yang akan di tampilkan secara bergantian. Silahkan ganti angka 20 menjadi lebih besar jika ingin menampilkan lebih banyak judul artikel pada widget recent postnya, atau sebaliknya.

Note : karena blog ini tidak bisa di klik kanan Copy-paste silahkan download script pada link dibawah ini


Semoga Bermanfaat. 

Source : bloggerbugis


PERHATIAN..!!

Untuk cara downloadnya Anda akan diarahkan ke adf.ly kemudian tunggu 5 detik dan cari tombol SKIP AD yang berada di sebelah kanan atas monitor anda.

Artikel Terkait

Penulis: Rudy Susetyahadi ~ FREE DOWNLOAD SOFTWARE FULL|TIPS AND TRICK|WINDOWS|BLOGGER|INTERNET|NOKIA|ANDROID

Artikel Cara Mambuat Recent Post Bergerak Ke bawah ini dipublish oleh Rudy Susetyahadi pada hari December 02, 2011.Semua Artikel yang saya buat tanpa ada maksud untuk "menggurui" ataupun menjadi orang yang "sok pintar", Manusia tidak ada yang sempurna karena sesungguhnya kesmpurnaan itu hanya ALLAHU S.W.T. Semoga artikel ini dapat bermanfaat dan menambah wawasan kita semua. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini.

:: Get this widget ! ::

{ 3 comments... read them below or add one }

Post a Comment

Silahakan berkomentar yang baik dan sopan karena blog ini adalah Blog Dofollow. "Anda Sopan Kami Segan"

Komentar Tidak akan di Tampilkan dan Akan dihapus jika :
» Menyisipkan Link dalam komentar / Meyertakan Nama Blog dalam Komentar. (jangan Menulis Blog anda dalam komentar, karna itu adalah SPAM) tidak akan di tampilkan dan akan di hapus
» Menggunakan bahasa yang tidak sopan (Sara,Kasar,Pornografi,Caci Maki (yg Bukan dari Mulut Manusia) Menyinggung.dll)
» Duplikat komentar(komen yang sama)
» Pertanyaan/komentar tidak berkaitan dengan artikel