TRIK BARU

CARA MEMBUAT FOTO SLIDE SHOW PADA POSTINGAN BLOG

SILAHKAN COPY KODE DI BAWAH INI KE  HTML BLOG YANG AKAN BERI


<a href="http://cooltext.com"><img src="http://images.cooltext.com/3229876.gif" width="816" height="55" alt="HOSIK PUTRA MOTOK KOMIS 39" /></a>
<br />Image by <a href="http://cooltext.com">Cool Text: Logo and Button Generator</a> - <a href="http://cooltext.com/Logo-Design?LogoID=867679675">Create Your Own Logo</a>

<a href="http://cooltext.com"><img src="http://images.cooltext.com/3227743.gif" width="751" height="88" alt="HAHA ANDA SUDAH SAYA TIPU" /></a>
<br />Image by <a href="http://cooltext.com">Cool Text: Logo and Button Generator</a> - <a href="http://cooltext.com/Logo-Design?LogoID=867161547">Create Your Own Logo</a>

<a href="http://cooltext.com"><img src="http://images.cooltext.com/3229857.gif" width="605" height="52" alt="anda sudah saya TIPU" /></a>
<br />Image by <a href="http://cooltext.com">Cool Text: Free Graphics Generator</a> - <a href="http://cooltext.com/Logo-Design?LogoID=867676872">Edit Image</a>

<a href="http://cooltext.com"><img src="http://images.cooltext.com/3229860.gif" width="514" height="65" alt="sekedar hiburan saja" /></a>
<br />Image by <a href="http://cooltext.com">Cool Text: Logo and Button Generator</a> - <a href="http://cooltext.com/Logo-Design?LogoID=867677878">Create Your Own Logo</a>

<a href="http://cooltext.com"><img src="http://images.cooltext.com/3229867.png" width="859" height="97" alt="MAAF YA PLEND........" /></a>
<br />Image by <a href="http://cooltext.com">Cool Text: Logo and Button Generator</a> - <a href="http://cooltext.com/Logo-Design?LogoID=867679053">Create Your Own Logo</a>





<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src="http://s3slider-original.googlecode.com/svn/trunk/s3Slider.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
       $('#BUS-slider').s3Slider({
          timeOut: 3000
       });
    });
    </script>
    <style>
    #BUS-slider {
       width: 550px; /* Keep it 20px-40PX greater than ACTUAL Image size */
       height: 335px;
       position: relative;
       overflow: hidden;
       margin-left: 0;
    }
    #BUS-sliderContent {
       width: 550px;
       position: absolute;
       top: 0;
       margin-left: 0;
    }
    .BUS-sliderImage {
       float: left;
       position: relative;
       display: none;  top: 0;
       border:1px solid #ddd;
    }
    .BUS-sliderImage span {
    position: absolute;
        font: 10px/15px sans-serif,Arial, Helvetica;
        padding: 10px 10px;
        background-color: #000;
        color: #fff;
        filter:'alpha(opacity=70)';
        -moz-opacity: .5;
        -khtml-opacity: .5;
        opacity: .5;
        text-align:justify;
    }
    .BUS-sliderImage span a {
    text-decoration:underline;
    color:#FE6602;
    }
    .clear {
       clear: both;
    }
    .top {
        top: 0;
        left: 0;
        width: 550px !important;
        height: 70px;
    }
    .bottom {
        bottom: 0;
        left: 0;
        width: 550px !important;
        height:90px;
    }
    .left {
        left: 0;
        top: 0;
        width: 110px !important;
        height: 335px;
    }
    .right {
        right: 0;
        bottom: 0;
        width: 110px !important;
        height: 315px;
    }
    </style>
    <br />
<div id="BUS-slider">
<ul id="BUS-sliderContent">
<li class="BUS-sliderImage">
    <img height="335" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpwphh5SpumhmBPodQ45Qb69IRLcgPllIOnmZM9fhEl4MyDM6hJFYi8EnDJrJwtpip58ZCPUhabgR-9h5xJemXC1jo3utLlCwl2FTx1Pw_RgVpVTWSr5Swkx0Le03XKKBJjN8Dvx_4MAg/s1600/22052012517-small.jpg" width="550" /><a href="http://blog-rangga.blogspot.com/"><span class="top"><h3> Mother And Rangga</h3>
The road to the lake Singkarak west sumatera all back home</span></a><span class="short_text" id="result_box" lang="en"><span class="hps"></span></span>
    </li>
<li class="BUS-sliderImage">
    <img height="335" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqVvBmc5spPlR-iEZpsuoHx4HsBOZA5Z1QhrI0GOgn1wLN6xcU-6fmcKsmmHjSMrsyxIF1DQCGp4H75d_iJOWqUTPYd9Xw-cyfuj1BIFcuBUt7D9XxmnlA8s8X4wrcUG0cbR7KvhWT3rM/s1600/23052012681.jpg" width="550" /><a href="http://blog-rangga.blogspot.com/"><span class="top"><h3>
Mother And Rangga</h3>
Rangga photo on the bridge leighton III</span></a><span class="short_text" id="result_box" lang="en"><span class="hps"></span></span>
    </li>
<li class="BUS-sliderImage">
    <a href="http://blog-rangga.blogspot.com/"><img height="335" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx0-l8iCWEfGGrorfWsRkQ_nSGQAy0rCJuwX8UFEFQkysjumhZTegl5oyltFJpgl5deWsQMEfOOGldVRxETV_el0NefK2tVVaHPEVIbRwwGTyPtHHBjCproQnBmYELBVeGEqPNfbvrviY/s1600/mr+hosik.jpg" width="550" />
    <span class="top"><h3>
Rangga photo</h3>
Rangga in the Clock Tower Bukitinggi West Sumatera</span>
    </a></li>
<li class="BUS-sliderImage">
    <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhirxaSNLn2drOxaUBLnh8X6h1x_6lTP78BP2kfMpFXszEZKs3wrcERWRNIjnIghsz-jRfQTmOoz31HN6KgkmEGt_mKfT6v9pMvi0lYiGra6I66bSV3bNuAy8eDHY8ZPLBbmrkAvJZk-cw/s1600/04012008519-001.jpg" width="550" />
    <span class="bottom"><h3>
Rangga Photo</h3>
Rangga posing overpass Kelok sembilan west sumatera</span>
    </a></li>
<li class="BUS-sliderImage">
    <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirDYSI5Jtz_r-NsFJ0eLC5NowC0yoqsB-SZCDd8G9FhF7ZkCu0aVsVAR7086UGNcRd96aUEl2rFmIVggx_vSf7vDTNHhS7KSly9pniINQ5cenAJdUse3diL-hboAQfjKrc7Z4NkeZfGi0/s1600/img138.jpg" width="550" />
    <span class="bottom"><h3>
Rangga , Father and Mother</h3>
Rangga with beloved family</span>
    </a></li>
<div class="clear BUS-sliderImage">
</div>
</ul>
</div>

 ganti tulisan yang berwarna merah dg URL foto yang ingin anda buat

Kode yang berwarna Orange atau kuning adalah URL yang bisa sobat ganti dengan URL blog sobat.

Kode warna merah adalah URL Gambar , ganti dengan URL blog yang mau sobat tampilkan 

Tulisan warna hijau atau green Ganti dengan judul yang sobat inginkan kan 

Tulisan warna biru ganti dengan deskripsi 

- See more at: http://blog-rangga.blogspot.com/2013/01/cara-membuat-slide-show-foto-gambar.html#sthash.7JnbrqCV.dpuf