EASY POST SLIDER

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<style>
html, body {margin:0;padding:0;}  
#slide-container {height: 360px;position: relative;width: 480px;}
#slider {height:360px;left:30px;overflow-x:hidden;overflow-y:hidden;position:relative;width:480px;font:14px arial;}
.slide-desc {background:rgba(0,0,0, 0.5);
color: #FFFFFF;padding:5px;position:absolute;left:0px;text-align:left;bottom:0px;width:470px;height:100px;z-index:999;}
.slide-desc h2 {display: block;}
.crosscol .widget-content {position: relative;}
#slider ul, #slider li, #slider2 ul, #slider2 li {margin:0;padding:0;list-style:none;}
#slider2 {margin-top: 1em;}
#slider li, #slider2 li {width: 480px;height: 360px;overflow: hidden;}
#prevBtn, #nextBtn, #slider1next, #slider1prev {display:block;width:30px;height:77px;position: absolute;left: -30px;text-indent: -9999px;top: 71px;z-index:9999;}
#nextBtn, #slider1next {left:520px !important;}
#prevBtn, #nextBtn, #slider1next, #slider1prev {display: block;height: 77px;left: 0; position: absolute;top:133px;width:30px;z-index:9999;}
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a {display: block;position: relative;width:30px;height: 77px;background: url(https://lh5.googleusercontent.com/-j28HsFjcG30/VV3dCV-DpdI/AAAAAAAARdA/TgQMuUyFkpE/s64-no/arrowleft.png) no-repeat 0 0;}
#nextBtn a, #slider1next a {background: url(https://lh3.googleusercontent.com/-pyCcEr7m8OU/VV3dCYWdUKI/AAAAAAAARdE/nkwTgozDdYg/s64-no/arrowright.png) no-repeat 0 0;}
ol#controls {margin: 1em 0;padding: 0;height: 28px;}
ol#controls li {margin:0 10px 0 0;padding:0;float:left;list-style:none;height:28px; line-height: 28px;}
ol#controls li a {float:left;height:28px;line-height:28px;border:1px solid #FF0000;background:#00ff00;color:#000;padding:0 10px;text-decoration: none;}
ol#controls li.current a {background:#009999;color:#000;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {outline: none;}
</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js' type='text/javascript'></script>
<script src='https://dl.dropboxusercontent.com/s/t97id0chetid5do/slider-4a.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
 $("#slider").easySlider({
 auto: true,
 continuous: true
 });
});
//]]>
</script>
<div id="slider">
<script style="text/javascript" src="https://dl.dropboxusercontent.com/s/mxtt1vmtassp719/slider-4b.js"></script>
<script style="text/javascript">
 var numposts_gal = 20;
 var numchars_gal = 150;
 var random_posts = false; // random posts
</script>
<!-- replace with your web address (marked with red color) -->
<script src="https://the-best-widgets.blogspot.gr/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts&max-results=999999"></script>
</div>