Recent Post News Ticker

06.46 | Filed under , | Posted by Girant_31

Alhamdulillah...

Akhirnya Selsai juga tugas-tugas ane.. Setelah beberapa hari ini rariweuh teu puguh.. hehehe..
Cape n jadi lupa posting..

Kemarin-kemarin pun ane posting secara terjadwal, n sampe ga bisa ngebales komen sobat-sobat yg dah nyasar mampir kemari...
Mohon maaf ya semua...


Yufs.. Mulai blogging lagi,
kali ini ane sebagai perpanjangan tangan az neg dari senior ane,

dan akan membahas tentang Recent Post (Basi bangets ya..).
Tapi kali ini Recent Post nya agak sedikit berbeda loh.

Lihat pada gambar yang ditandai  kotak merah.

Atau lihat demo nya langsung.

Demo Recent Post News TickerKlik disini untuk melihat demo Recent Post News Ticker

Ini Recent Post New Ticker, dimana diserati Thumbanial plus tampilan atau style slide n break.

Langsung az..
Recent Post New Ticker ini tinggal sobat masukan ke add gadget HTM/Java Script, dan........

Ga usah di apa2in lagi... Simple khan ????
(terkecuali sobat mw mengganti tampilan background, ukuran gambar dll)

Ni dia scriptnya : 
(Oy jangan asal copas, klik View Source nya dulu baru di copas, Ok)

<style type="text/css">
#rp_plus_img{height:212px;overflow:hidden;border:solid 1px #585858;padding:6px 10px 14px 5px;background-color:#2f2f2f;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#FFF;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:11px;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#DEDEDE;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:55px;height:55px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://hensblog.googlecode.com/files/rpplusimgnt-v1.0.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 10;
var numchars = 125;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

Judul Gadget terserah sobat dan baca keterangan jika ingin memodifikasinya sesuai keinginan sobat...

Source Code Recent Post News TickerKlik disini untuk mengambil source code Recent Post News Ticker

Keterangan:
Perhatikan kode-kode diatas!

  • Untuk membuang garis tepi ubahlah nilai 1px menjadi 0 pada kode border:solid 1px #585858; (Baris 2)
  • Untuk mengubah background ubahlah nilai #2f2f2f pada kode background-color:#2f2f2f; atau jika tidak ingin menggunakan background buanglah kode tersebut (Baris 2)
  • Untuk mengubah warna font judul artikel ubahlah nilai #FFF pada kode color:#FFF (Baris 6)
  • Untuk mengubah warna font artikel ubahlah nilai #DEDEDE pada kode color:#DEDEDE (Baris 8)
  • Untuk mengubah ukuran gambar mini ubahlah nilai 55px pada kode width:55px; dan kode height:55px; (Baris 9)
  • Jika template blog anda telah terpasang framework jQuery sebelumnya buanglah kode pemanggilan jQuery (Baris 11)
  • Ubahlah nilai 400 pada kode var speed = 400; untuk mengatur kecepatan (Baris 14)
  • Ubahlah nilai 2500 pada kode var pause = 2500; untuk mengatur lamanya artikel tersebut tertahan (pause) sebelum diganti artikel berikutnya (Baris 15)
  • Ubahlah nilai 10 pada kode var numposts = 10; untuk menentukan jumlah artikel yang akan ditampilkan (Baris 23)
  • Ubahlah nilai 125 pada kode var numchars = 125; untuk menentukan jumlah karakter artikel yang akan ditampilkan (Baris 24)



Lalu Simpan dech..
Selsai..


Simple khan ??!!

Posted by Girant_31 on 06.46. Filed under , . You can follow any responses to this entry through the RSS 2.0. Feel free to leave a response

14 komentar for "Recent Post News Ticker"

  1. Ratasoe
    2 Mei 2010 pukul 10.19

    Wah sobatku ny sll kreatif..sll ad aj yg bru..ane save dl ya. Trims ;-)

  2. ariefborneo
    2 Mei 2010 pukul 10.23

    Knjungan tngah malam sob...wah mantap surantap sob...w copy dl y code na...thnxs sob

  3. Girant_31
    2 Mei 2010 pukul 10.49

    @Ratasoe Terimakasih mas.. silahkan di save mas..

    Makasih mas dh mw kmari lg.. hehehe..

  4. gak mutu
    2 Mei 2010 pukul 12.21

    menarik sekali recent postnya ... .
    ntar kalau ganti template aja dimasukin yang kayak gini ....

  6. Girant_31
    2 Mei 2010 pukul 12.38

    @gak mutu Boleh..

    Kapan2 juga boleh ko mas.. hehe..

    Terimakasih mas sudah sillaturrahmi kesini..

  7. Miss Rinda
    2 Mei 2010 pukul 22.07

    ih bagus banget,,templatenya juga kerenn,,hebat ^0^

  8. qeu
    3 Mei 2010 pukul 02.39

    Aa mang kreatif...
    tp jgn amp lupa waktu ya :22
    q dukung ko ap itu yg bkin sneng :18

  9. ariefborneo
    3 Mei 2010 pukul 05.17

    Kunjungan malam sob...!!!
    Pa kbr na sob...mantap info na sob..thnxs

  10. Girant_31
    3 Mei 2010 pukul 05.51

    @Miss Rinda Makasih Miss..

    ane msh harus belajar dr miss yg dah nelurin banyak template..

  11. Girant_31
    3 Mei 2010 pukul 05.52

    @qeu Makasih jeyek..

    Maafin a ya low a bgni.. hehe..

  12. Girant_31
    3 Mei 2010 pukul 05.54

    @ariefborneo Alhamdulillah baik mas..

    Makasih ya mas dah mapir lagi..

  13. Girant_31
    3 Mei 2010 pukul 05.54

    @Adib from kompinter Ga segitu nya sob..

    Saya masih harus banyak belajar neg tentang blogging dr yg punya Kompinter..

    Mohon Dukungan nya ya Sob..

  14. qeu
    4 Mei 2010 pukul 02.06

    ho'oh.... SEMANGAT.... :20

    tr bikinin punya aq ya... xixixi....
    :37

   

Leave a reply