- power by: http://www.taufik3akhyar.blogspot.com

slide sow bloger taufik go blog

<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/AVvXsEh8N9ceAFjuQpxbdzOVToCVIZySaZBkzbRVXHpaq0dj8tCiNXrXBV-sQKI_T0hvLCV4ihxHJaJFJxdaIoG5svJ_oWTikxaGiOAJftt7whwBe5yVZAnz6cpysDZSiNgxckWrhLQnfAx2WrY/w768-h576-no/1096982_795021233848285_306856710_o.jpg" width="550" /><a href="http://taufik3akhyar.blogspot.com/"><span class="top"><h3> Taufik Tri Akhyar </h3>
perawat profesional</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/AVvXsEiFxw42W82y8J0E6O3fzugnSgSk1gJUYDAlgUmcqmklcfRYka9X94yinKfzZnIef6OIPshMmTwdXE57EXYNv6lOBaIVu_acwVcqXXtlY4SpNmW8L9qjPR9UeJBSBJVaNXC6UFjhu-dKBfk/w768-h576-no/Kedaton-20130528-00222.jpg" width="550" /><a href="http://taufik3akhyar.blogspot.com/"><span class="top"><h3>
AKPER PANCA BHAKTI BANDAR LAMPUNG</h3>
Akademi Keperawatan Panca Bhakti Bandar Lampung</span></a><span class="short_text" id="result_box" lang="en"><span class="hps"></span></span>
    </li>
<li class="BUS-sliderImage">
    <a href="http://taufik3akhyar.blogspot.com/"><img height="335" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH-M4sG__Thd3GjrZjxr9lSsIXmvlj1uXBf_tCsfoFA-_5inUTNL3ll87_fIkoLGD7hmUrdVEvJSH1DTqlzABxWMeiCTaIZGF18LY0U26RpnNeeQdUuIKFU1Ifcb6zzciadc-x1-Qnt-4/w768-h576-no/IMG-20130518-00061.jpg" width="550" />
    <span class="top"><h3>
Peraktek Klinik</h3>
RUMAH SAKIT UMUM ABDOEL MOELOEK</span>
    </a></li>
<li class="BUS-sliderImage">
    <a href="http://taufik3akhyar.blogspot.com/"><img height="335" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaN6fDDUkksR7mACS5thD_YeMldJh4-YP2B77_CWegBbMP1m-KWC5HTTPwFUv6HDk9u0ntv2HDM64-ZAasu0z1igfqeIWE_L_upxj_yk2pSTTxwwusk93szpm-qE_KWTyP4f2UDtccP6o/w768-h576-no/DSCN7047.JPG" width="550" />
    <span class="bottom"><h3>
AREGAS</h3>
Touring Bersama Bendungan Batu Tegi Lampung</span>
    </a></li>
<li class="BUS-sliderImage">
    <a href="http://taufik3akhyar.blogspot.com/"><img height="335" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEjzQ5Mc8VRAPYTclyWrhkL38Stcox6QI1B8EMO9bgQfg7huBV_2oCm8s_R73uF8FMv4A5HjMxfzzUZvGyReSSZvPKyKNOvmyDLVG5a3VuIIYORQ9JJeVxplWr0dnkX3CYUCKHDCPsNcY/w858-h576-no/Copy+of+DSC_0106.jpg" width="550" />
    <span class="bottom"><h3>
My Famili</h3>
Keluarga Besar Nyono Sumo</span>
    </a></li>
<div class="clear BUS-sliderImage">
</div>
</ul>
</div>
<br /> - power by: http://www.taufik3akhyar.blogspot.com
Share this article :
 

Blogger templates

Subscribe me

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Taufik Tri Akhyar - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger