• Logo Sekolah Kami

    SMKN 5 Jember

  • Hasil memotret dengan cara panning

    Panning adalah memotret dengan menggerakkan kamera searah dengan arah gerakan obyek yang ingin dibidik sehingga obyek akan tampak fokus sementara background tampak kabur.

  • Gambar Susunan Pengkabelan Jaringan

    Ini adalah susunan Pengkabelan Straight (Kabel untuk LAN) dan Pengkabelan Cross (Kabel untuk peer to peer)

  • Blogger dan Wordpress

    Blogger dan Wordpress adalah salah satu media pembuatan Web

  • Hacker

    Hacker adalah

  • This is Slide 6 Title - NewBloggerThemes.com

    This is slide 6 description. Go to Edit HTML and find this content. Replace it your own description.

Rabu, 27 Februari 2013

Posted by Unknown
No comments | 13.00
Cara Memasang Slideshows Postingan di Blog  -
Sebenarnya saya sebelumnya sudah memposting mengenai cara memasang slideshow ini di permathic blog. namun belakangan script slideshownya tidak berfungsi lagi yang mungkin dikarenakan url pada google code ada yang tidak bisa di akses lagi. hal ini membuat saya tertantang untuk mencoba memperbaikinya. saya utak  atik sampai cenat cenut scriptnya, akhirnya saya mendapat script kode slideshow yang lebih simple. dengan tampilan yang tidak jauh berbeda dengan sebelumnya. Nah,, biar ada tidak penasaran , berikut langkah2nya.



1. Login Ke Blog Anda
2. Pilih Rancangan (untuk tampilan blogger klasik) atau Pilih Tata Letak (untuk tampilan blogger terbaru)




3. Kemudian  Klik Tambah Gadget
4. Pilih HTML/javascript
5. Kemudian Copy Kode di bawah ini, kemudian pastekan di HTML/javascript tadi. kemudian simpan/save.

<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:#000;}
#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://permathicblog.googlecode.com/files/Slideshow%20Postingan.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 = 5;
var numchars = 20;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

Bagi anda yang ingin melihat contoh slideshownya, bisa anda lihat di sidebar sebelah kiri Permathic Blog. Semoga bisa sukses slidenya dengan script yang baru ini. terimakasih.

0 komentar:

Posting Komentar

Blogroll

About