Demo ve Download Buton Önizleme

Live Demo Download

Read More

Blogger Manşet Resim Alanı

Kodlar

<style type="text/css"> #mcis { display: none; } #sliderFrame { position: relative; width: 500px; margin: 0 auto; border:5px solid #000; } #slider { width: 500px; height: 218px; background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxy6SekslgSKjpfgVFzWSbmaOMlnXPofReLv4ffZmtuItI5uDnEJDz0jFW4B3w5WETwWx4t6eMAKSjF3dRXd787zLWHEiDHzE59mOmRwNhVS_KdupPBbvjRLGp1ZjQaxPFvtfndq2LnnE/s1600/yukleniyor.gif) no-repeat 50% 50%; position: relative; margin: 0 auto; box-shadow: 0px 1px 5px #999999; } #slider img { position: absolute; border: none; display: none; } #slider a.imgLink { z-index: 2; display: none; position: absolute; top: 0px; left: 0px; border: 0; padding: 0; margin: 0; width: 100%; height: 100%; } #slider { 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); } div.mc-caption-bg, div.mc-caption-bg2 { position: absolute; width: 100%; height: auto; padding: 0; left: 0px; bottom: 0px; z-index: 3; overflow: hidden; font-size: 0; } div.mc-caption-bg { background-color: black; } div.mc-caption { font: bold 14px/20px Arial; color: #EEE; z-index: 4; padding: 10px 0; text-align: center; } div.mc-caption a { color: #FB0; } div.mc-caption a:hover { color: #DA0; } div.navBulletsWrapper { top: 250px; left: 190px; 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/AVvXsEiI3lQkRkH12McTIfSk9KqBZrMnBY4heW6tZjcovAY6ZnRzP8hVtEVDwlpnM2lc55siiXIyS8EH7Wz1ry1bYH3mmlxETAe-WbBAO0gq4b-KnwtraL7odirhw9rOIuft1HgL1ozDo8dM8pY/s1600/bullet.png) no-repeat 0 0; float: left; overflow: hidden; vertical-align: middle; cursor: pointer; margin-right: 12px; position: relative; } div.navBulletsWrapper div.active { background-position: 0 -11px; } </style> <script src="http://webseyyahi-project.googlecode.com/files/webseyyahi.js" type="text/javascript"></script> <div id="sliderFrame"> <div id="ribbon"> </div> <div id="slider"> <a href="#"><img src="RESİM URL" alt="BAŞLIK"/></a> <a href="#"><img src="RESİM URL" alt="BAŞLIK"/></a> <a href="#"><img src="RESİM URL" alt="BAŞLIK"/></a> <a href="#"><img src="RESİM URL" alt="BAŞLIK"/></a> <a href="#"><img src="RESİM URL" alt="BAŞLIK"/></a> </div> </div> <center> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtHifu6iqocR09AIIsgxGWrkNMJ1QvcbuoNxR1Zedd1VtEkOirL4ShUtN58Hn-pzd9xh3sqhdECvgIkMYWYm1BiS3-wo4SvtOJOnCc4gUNr8klhx6F8VlJbn9l8l_q8ZraqzOFSpohG1U/s1600/shadow1.png" width="480px"/></center>


 Deneme Buton

Blogger TIKLA

Read More