Image Slider
E) Image Slider - top
This theme Have Half Page Respnsive Image Slider, do you need install slider, if yes follow this steps
Go To Blogger >> Layout
Then Click On Edit Buttons. (See this Example Image Below)
Theen You Can See Again Popup Window Like This
Add This Code Here
<div class="flex-container">
<!-- Place somewhere in the <body> of your page -->
<div class="flexslider">
<ul class="slides">
<li data-thumb="slide1-thumb.jpg">
<a href="#">
<img src="slide1.jpg" />
</a>
</li>
<li data-thumb="slide2-thumb.jpg">
<a href="#">
<img src="slide1.jpg" />
</a>
</li>
<li data-thumb="slide3-thumb.jpg">
<a href="#">
<img src="slide1.jpg" />
</a>
</li>
<li data-thumb="slide4-thumb.jpg">
<a href="#">
<img src="slide1.jpg" />
</a>
</li>
</ul>
</div>
<script type="text/javascript">
// Can also be used with $(document).ready()
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
controlNav: "thumbnails"
});
});
</script>
Link Url - Replace Links Url With Links
Image URL - Replace Image URL With Your Images
Small Discription For Image - Replace your image discription
How To Install Image Slider To Squid -http://youtu.be/gEU1NJ2KS9c
0 komentar:
Posting Komentar