css

Selasa, 30 Juli 2013

Cara Mudah Membuat Postingan Slide Show di Blog

Sebenarnya saya sudah belajar mengenai cara membuat dan memasang slideshow java script ini di Jawilanbisnis blog namun sayang gagal terus, ditambah belakangan ini script slideshownya tidak berfungsi dan selalu gagal ya mungkin dikarenakan url pada google code ada yang tidak bisa di akses lagi, hal ini membuat saya tertantang untuk mencoba dan terus mencoba untuk bisa memperbaikinya namun masih tetap tidak bisa namun tetap terus saya utak  atik sampai cenat cenut kepala qu mainin kode scriptnya, akhirnya saya mendapat script kode slideshow yang lebih simple. dengan tampilan yang tidak jauh berbeda dengan sebelumnya. Nah,, biar anda tidak penasaran , "Tips Blogging" berikut langkah2nya.

  1. Login ke Blog Sobat
  2. Pilih rancangan (untuk tampilan blogger lama) atau pilih tata letak (untuk tampilan blogger tampilan baru)
  3. Kemudian klik tambah gadget
  4. Lalu pilih HTML/Javascript
Kemudian cukup di copy aja kode slide show dibawah ini, kemudian pastekan ke HTML/Javascript tadi, lalu di Save/di Simpan, Jadi deh slide show nya, gampang kan !!!!! 

         
           
Berikut ini
 Kode HTML nya Silahkan Sobat Copy


  •  
  • <style type="text/css">
  • #rp_plus_img{height:385px;overflow:hidden;border:0;padding:6px 10px 14px 5px;background: transparant;}
  • #rp_plus_img ul{list-style-type:none;margin:0;padding:0}
  • #rp_plus_img li{border:solid 1px #585858; margin:0; padding:0; list-style:none;}
  • #rp_plus_img li{height:85px;padding:5px;list-style:none;}
  • #rp_plus_img a{color:#FFFF00;}
  • #rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:12px;}
  • #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:65px;height:65px;}
  • </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://my-project-rony.googlecode.com/files/cara%20aa%20Haji%20rony.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 = 80;
  • var numchars = 90;
  • </script>
  • <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
  • </ul>



OKE, SELESAI ^^ 
Selamat Mencoba..



Tag : Cara membuat Postingan Menjadi Keren , Cara membuat blog menjadi keren , Cara membuat tampilan slide show pada blog , Tutorial membuat mode slide show pada blog , Cara mudah mempercantik blog , Tips memperindah blog.

Tidak ada komentar:

Posting Komentar