Senin, 05 Agustus 2013

Membuat Artikel TerKini BerGerak Kebawah

Oke untuk posting kali ini kita akan bahas cara membuat recent post atau artikel terkini bergerak kebawah.
Untuk sebagai contoh seperti gambar dibawah ,,itu contoh dr recent post berjalan blog saya,..


langkah langkah nya sebagai berikut ,temen2.. :
  1.  Silahkan Login ke dasbor blognya dewe-dewe>Tata Letak>tambah gadget
  2. Kemudian copas kode dibawah 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://www.reskyfajar19.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt"> </script> </ul> </center>

  3. Untuk tulisan yg berwarna kuning ganti dengan alamat blog kamu.
  4. Simpan deh. Mudah kan????

    NB* = 300 adalah kode tinggi badan recent post, ganti sesuka kalian
    #F68629  warna tulisan dan bordernya nanti, ubah sesuai selera
    Var numposts =20 ( itu untuk berapa posting yang akan ditampilkan di recent post)


    Selamat mencobanya 

Tidak ada komentar:

Posting Komentar