• About
  • Link Exchange
  • Privacy Policy
  • Daftar Isi
  • Contact

experimentku

sarana informasi sederhana

  • Home
  • sport
  • aplikasi
  • komputer
  • game
  • Artikel
  • tentang admin
  • Sosial Media
      Facebook Google plus
Home » blogger » cara memasang slideshow recent post pada sidebar

cara memasang slideshow recent post pada sidebar

Beberapa hari yang lalu saya coba search di google "cara memasang slideshow recent post pada sedebar" akhirnya ketemu juga yang pas ane cari di blognya Mas Irfandy (Tugasku4u) sebagai referensi postingan kali ini. Nahhh,, sesuai dengan judulnya diatas yaitu "cara memasang slideshow recentpost pada sedebar". sebenarnya apa sih fungsi slideshow itu..??? *maaf saya masih newbie kk.. hehehe
slideshow ini berfungsi sebagai daya tarik  (minarik minat pengunjung) untuk mengklik postingan kita juga sekaligus mempercantik penampilan blog kita.


Cara memasang slideshow recent post pada sedebar :

  • Login ke akun blog sobat
  • pilih tata letak 
  • kemudian klik tambahkan gadget
  • pilih HTML/Javascript
  • copy code dibawah ini dan pastekan di HTML/Javascript tadi

<style type="text/css">
#rp_plus_img{height:385px;overflow:hidden;padding:2px 3px 3px 2px;background:transparant}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:solid 1px #ccc; margin:0;height:82px;padding:5px; list-style:none;border-radius: 10px;background:#ffffff}
#rp_plus_img li:hover{background-color: #EFFBEF;}
#rp_plus_img a{color:#d90000;font-weight:bold}
#rp_plus_img .news-title{display:block;font-weight:400 !important;margin-bottom:3px;font-size:11px;}
#rp_plus_img img{float:left;margin-right:10px;padding:4px;border:solid 1px #ccc;width:65px; height:65px;border-radius: 10px}
</style>
<script type="text/javascript" src="http://masopic.googlecode.com/svn/experimentquery.js"></script>
<script type="text/javascript" src="http://masopic.googlecode.com/svn/experimentkuslidshow.js"></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 style="text/javascript">
var numposts = 10;
var numchars = 80;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

Demikian turotial dari saya,, semoga bisa bermanfaat untuk semuanya... ^__^
Posted by Aenur Rofiq on 1/14/2014 - Rating: 4.5
Title : cara memasang slideshow recent post pada sidebar
Description : Beberapa hari yang lalu saya coba search di google "cara memasang slideshow recent post pada sedebar" akhirnya ketemu juga yang p...

Share to

Facebook Google+ Twitter

0 Response to "cara memasang slideshow recent post pada sidebar"

Post a Comment

Newer Post
Older Post
Home
Subscribe to: Post Comments (Atom)

Populer Post

  • Jenis jaringan komputer serta kelebihan dan kekurangan
    Jenis Jaringan Komputer   Dalam mempelajari macam-macam jaringan komputer terdapat dua klasifikasi yang sangat penting yaitu teknologi t...
  • Pengertian dan tujuan jaringan komputer beserta manfaatnya
    PENGERTIAN JARINGAN KOMPUTER Jaringan Komputer adalah sekelompok komputer otonom yang saling berhubungan antara satu dengan lainnya...
  • motivator dan inspirator kelas dunia
    Mas-Opic | Setiap orang ,dalam perjalanan hidupnya ,mungkin pernah merasakan sebagai orang yang paling menderita dan paling malang nasib...
  • Cara membuat program sederhana dengan Visual basic 6.0
    Sudah lama ga update blog ini lagi, begetu banyak hal yang saya kerjakan di dunia real jadi lupa sama blog sendiri. :D... Langsung saja ga u...
  • Sejarah dan penemu blogger
    Blogger adalah sebuah layanan publikasi blog yang dibuat oleh Pyra Labs dan diakusisi oleh Google pada tahun 2003. Secara umum, blo...

Label

  • aplikasi
  • artikel
  • blogger
  • game
  • Komputer
  • sport

Blog Sahabat

  • Ex-perimentku
  • Smk Al-Falah Sharing
    Tkj alfalah | kisah kasih di sekolah
Copyright © 2012 experimentku - All Rights Reserved
Design by Mas Sugeng - Blogger Templates - Powered by Blogger