Blogger Image Slider Tawh post Khante Tai Sah dan ding

Blogger a zang Uleh Nau Lawm leh gual te a hi zong in

blogger zangh ta popo a ding A kang post hi..

u akang post pen Blogger Post te Slider tawh a tai thei na aa

Html code zah ding dan hia..

AKoih ding dan>>

1.Add a Gadget ah lut ma sa ding

 2.HTML/JavaScript Ah lut kia ding

3.Anei a kakoih Code teng Copu La ding in paste tawh koih ding

A nei a DEMO tawh na en un

• DEMO1
• DEMO2 

<style type="text/css">
.slider-box {
    background: none repeat scroll 0 0 #FAFAFA;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px #333333;
    margin: 0 auto;
    width: 675px;
    overflow: hidden;
}

#slider-wrapper {
    margin: 0 auto;
    padding: 10px;
}

#jslider-container {
    border: 2px solid #FFFFFF;
    max-width: 550px;
    position: relative;
    text-align: left;
    z-index: 90;
}
</style>
<link href="http://project.dimpost.com/image-slider/wowslider/css/wow-slider.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<div class="slider-box">
    <div id="slider-wrapper">
        <div id="jslider-container">
            <div class="jslider_images">
                <ul>
                    <li>
                        <a href="http://dimpost.com">
                            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd-0oiJO1V-cODQVASAqoEBnIjWLq7cKy3z86H-tmrYQ7XGtc-AL_TDQePozBczuPidgdETwg0WuvFIe6fozPP-tLivyL01LRnBoa_2exM3RhVAp68l6pxw9XBxtsW6IVlYI113zGVTx5z/s550/sample1.jpg" title="Sunset" />
                        </a>A boat with beautiful sunset.</li>
                    <li>
                        <a href="#">
                            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiErfc3zPaOAtfq5H6za_J2c_JB7ktpuTONe5JD7FfK3Wb298cGgwGHw9h-ZAtUN3qw753s1HrIomjre5Mohzr7sSndTVEigXg9LEDNARs5GVtC0k0H988w2uFQShAsfRZmlM2d8KodSoUx/s550/sample2.jpg" title="Rainbow" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3wl6pkGaZwBqCSUa6IqYdBTkmmem3O5OiIuGA-dgEhdDhEcdH869eFKxJKULzMVDhD6ovO85CTditdHVnF8nr9F0Eng2BCW7BCQyMA9LVhv5RVDCp2J-i5g-or-ZH6Lt0acGbLL3aqsEG/s550/sample3.jpg" title="True Nature" />
                        </a>Tree in field with blue sky.</li>
                    <li>
                        <a href="#">
                            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG6W5TzHzfqThiCWOiOZ7UDBP2hlWS9EnJ8DdhBFHaHv_QT3Vqd_bowlFuyFZ_wiBFl4yGBI3rPgMVsZYR6d6nGu93D6c4NGI0JXeUnkUgQB6N3HNbvtUF52pzkEWYy6dQ55-R-dGc9uuc/s550/sample4.jpg" title="Sunrise" />
                        </a>Amaizing sunrise moment</li>
                    <li>
                        <a href="#">
                            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTGoN-TlLnI4v00i_ByS3uTeLL60cqrZ3nHXdd6AWU84yXEc_ilcMz0b6wIQyh5SmAD_DTWn8GkjQbMPwgmVr74gs85e6bWGjKA0TSZvoelxr9SHZoeAngrv_09WmSCvSr7jq9u-qZcnwz/s550/sample5.jpg" title="CAR in HDR Nature" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX-Y1EUS_GyY_mfgu2uJrLz7AQxXBnNv54SpvuSAZKAiVX1hwyinyXsOlNJLIo1vnXQsjqRq4PzYEUKhdoYW7NSSUjJaPCIekujQCxym7flwPAHue42Z3cUqRS8T3BveAwibATB6cywxol/s550/sample6.jpg" title="Sunshine" />
                        </a>
                    </li>
                </ul>
            </div>
            <div class="jslider_thumbs">
                <div>
                    <a href="#" title="Sunset"><img src="Photo link" /></a>
                    <a href="#" title="Rainbow"><img src="Photo link" /></a>
                    <a href="#" title="True Nature"><img src="photo link" /></a>
                    <a href="#" title="Sunrise"><img src="Photo link" /></a>
                    <a href="#" title="CAR in HDR Nature"><img src="Photo link" /></a>
                    <a href="#" title="Sunshine"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSa_V9-bH-m2cQEt463qEbTldmcPIqQn3lujw8fS6B1sg1D69xz0umVOXs52WtXWwjDGh8iFs4pML0uoEKkCM4iyDR2m3yygFICDBXsaqyTPUEmxGf-0ixvKkhD2rLamY-l2r9EVumLtgn/s85/sample6.jpg" /></a>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="http://dimpost.googlecode.com/files/wow-slider.js"></script>

*** Theih Siam ding khat ah "#" ka koih na ah Post link na koih nuom pen khat koih ding hi
Tua zaw ciang "Photo link"a ci na teng ah Lim link koih kia ding hi..
na tel thei ding buai mah leh..na ki san ponpong ta bua leh Ham sa sih ei..

www.vangngaino.blogspot.com

COMPARTILHAR: