Cara Memasang Auto Slider Sidebar

How to Install Auto Automatic Slider Sidebar : slider ini sangat cocok untuk dipasang pada sidebar web/blog karena sudah didesign sedemikian rupa sehingga cocok untuk diletakkan disedar blog. Disamping itu juga slider ini tidak membuat loading blog Anda berat karena tidak banyak menggunakan script Demo anda bisa lihat disini.

Cara Pemasangan Slider:

1. Log in pada blog Anda
2. Kemudian lanjut ke Template >> Edit HTML
3. Masukan CSS berikut ini diatas kode ]]></b:skin> atau </stytle>

.featuredpost{max-height:350px;overflow:hidden;position:relative}
#autoslide .widget,#manualslide .widget{margin:10px 10px 15px 5px}
.featuredpost .featpost li{height:350px;overflow:hidden;position:relative}
.featuredpost .labeltext{background-color:#292929;bottom:50px;color:#FAFAFA;max-width:100%;padding:10px;position:absolute}
.featuredpost .labeltext strong{font-size:160%;font-weight:700}
.featuredpost .flex-control-paging{bottom:10px;position:absolute;right:10px}
.featuredpost .flex-control-paging li{float:left;margin:0 4px}
.featuredpost .flex-control-paging a{-moz-border-radius:50%;-webkit-border-radius:50%;background-color:#292929;border-radius:50%;cursor:pointer;display:block;height:15px;text-indent:-9999px;width:15px}
.featuredpost .flex-direction-nav a{-moz-border-radius:50%;-webkit-border-radius:50%;background-color:#d32301;border-radius:50%;display:none;height:30px;margin-top:-15px;position:absolute;text-indent:-9999px;top:50%;width:30px}
.featuredpost .flex-direction-nav a.flex-next{right:10px}
.featuredpost .flex-direction-nav a.flex-prev{left:10px}
.featuredpost:hover .flex-direction-nav a{display:block;outline:0}
.featuredpost .flex-direction-nav i{border:6px solid transparent;height:0;left:50%;margin-top:-6px;position:absolute;top:50%;width:0}
.featuredpost .flex-direction-nav a.flex-next i{border-left-color:#FFF;margin-left:-2px}
.featuredpost .flex-direction-nav a.flex-prev i{border-right-color:#FFF;margin-left:-10px}
#manualslide1{max-height:385px;overflow:hidden}
#manualslidenya{background-color:#FFFFFF;border:1px solid #DFDFDF;margin:10px 10px 15px 5px;position:relative

4. Kemudian paste Javascript berikut diatas kode </head>



<script src='https://googledrive.com/host/0B-AwFcTnFgXXVGt3aVg0RlZ1R28' type='text/javascript'/>

5. Terakhir tambahkan Widget Javascript/Html dan paste kode pemanggilnya di bawah ini didalamnya

<div id="featpost"></div>
<script type='text/javascript'>
featuredPostSlide({
idcontaint:"#featpost",
MaxPost:5
});
</script>

6. Save dan lihat hasilnya