Blog'unuza kayan resimli alan ekleyin

● JavaScript Image Slider For Blogger

● JavaScript Resimli Manşet Slayt eklentisi

Merhaba bugün sizlerle çok güzel bir slayt manşet eklentisini paylaşacağız.Güzel dinamik bir görünüş ile ziyaretçilerinizin dikkatini çekmek çok kolay..Üstelik bloğunuzuda kesinlikle yavaşlatmaz.

<style type="text/css">
#mcis{display:none;}
#sliderFrame{position:relative;width:532px;border:5px solid #000;margin:0 auto;}
#ribbon{width:111px;height:111px;position:absolute;}
#slider{width:532px;height:300px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfwNna0XJub9OpYi4ZUdo0tKYYX-WXro2V07Yv8Jf39DJ1nLhCn3BLW0SIauBR2x4KX_RxJ9mj6JngE_fc6kdzc42hWhCH7WowWAre_XFnXg_v9HeDpK9Jp_o3ARHuPzjcTzKKiyxYeDYU/s1600/loading.gif) no-repeat 50% 50%;position:relative;box-shadow:0 1px 5px #999;transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);margin:0 auto;}
#slider img{position:absolute;border:none;display:none;}
#slider a.imgLink{z-index:2;display:none;position:absolute;top:0;left:0;border:0;width:100%;height:100%;margin:0;padding:0;}
div.mc-caption-bg,div.mc-caption-bg2{position:absolute;width:100%;height:auto;left:0;bottom:0;z-index:3;overflow:hidden;font-size:0;padding:0;}
div.mc-caption-bg{background-color:#000;}
div.mc-caption{font:bold 14px/20px Arial;color:#EEE;z-index:4;text-align:center;padding:10px 0;}
div.mc-caption a{color:#FB0;}
div.mc-caption a:hover{color:#DA0;}
div.navBulletsWrapper{top:310px;left:200px;width:150px;background:none;padding-left:20px;position:relative;z-index:5;cursor:pointer;}
div.navBulletsWrapper div{width:11px;height:11px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG6Y-ssLmMyvSNfU5DtV4rlcU7F9ZxNpc7r1HL-9ypjICc85802LBxCfBWhPj-kqTP0z0eW10COy9_dAi922wYTaAS9NC07Yz-auEnpIEU4YqZ5i3l8PQlc0EYF-sx_9MQDqjKlMzwxzE/s22/bullet.png) no-repeat 0 0;float:left;overflow:hidden;vertical-align:middle;cursor:pointer;margin-right:11px;position:relative;}
div.navBulletsWrapper div.active{background-position:0 -11px;}
</style>
<script src="http://social-media-dosyalari.googlecode.com/files/Meftunapartblog-slayt.js" type="text/javascript"></script>
<div id="sliderFrame">
<div id="ribbon">
</div>
<div id="slider">
<a href="https://www.blogger.com/blogger.g?blogID=5784970648093382618#"><img alt="BAŞLIK" src="RESİM URL" /></a>
<a href="https://www.blogger.com/blogger.g?blogID=5784970648093382618#"><img alt="BAŞLIK" src="RESİM URL" /></a>
<a href="https://www.blogger.com/blogger.g?blogID=5784970648093382618#"><img alt="BAŞLIK" src="RESİM URL" /></a>
<a href="https://www.blogger.com/blogger.g?blogID=5784970648093382618#"><img alt="BAŞLIK" src="RESİM URL" /></a>
<a href="https://www.blogger.com/blogger.g?blogID=5784970648093382618#"><img alt="BAŞLIK" src="RESİM URL" /></a></div>
</div>

Yeni Haberler

Blog'unuza kayan resimli alan ekleyin

Akif

1 yorum: