Slayt Manşet [ JavaScript Versiyonu ]

Bu slaytı blogunuza eklemek için Blogger kumanda panelinde tasarım ayarlarından sayfa öğeleri ( yerleşim ) bölümünü açın ve Üst Bilginin altındaki gadget ekleme yerine HTL/JavaScript gadget olarak aşağıdaki kodları ekleyin.

#mcis {
    display: none;
    }

#sliderFrame {
    position: relative;
    width: 500px;
    margin: 0 auto;
            border:5px solid #000;
    }

#ribbon {
    width: 111px;
    height: 111px;
    position: absolute;
    top: -4px;
    left: -4px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFAJcxvcgIpiUFCkmcoKbvB9-3jbB1PJ6rAk5sAuvYJKVsZKkz1vvDXQCvshJW5ox2Dbm0NQvWUJ-2EWyWcLFzKF0LhTErC0ALOv2t-KX7iCyAeOe7nEOpCchrE6oPpds6hfy2jGvco1U/s109/ribbon-ozellikli.png) no-repeat;
    z-index: 7;
    }

#slider {
    width: 500px;
    height: 218px;
    background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRWE1goQi7vNoeY5_xB-_ru9G4jVArRkqU4-qEXY2kRCgJntr28TbFvVL6mMhiHk_RiDMaPnyFhJJHTzeLow9YAybk4dPEQj0lCFxVLajDUkLi8gdzsFYym8rTneo6YGiuR0zJlh59K2w/s1600/helperblogger.com-loading.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%;
    }

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/AVvXsEhdkTQTH0tI1W35iwc9DR7BSWJmWv6EYEgJcyyHRjO2Ofw1iA9DY1ma_GecGsjhb9P8C4ILktqUPXJxLqgS5aAevswmrgbZ17POAtQ4GF8356B9DtsbpdBMsg80r3vGtxy7tDk0N84ooi4/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;
    }

#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);
    }
    </style>

</div>
</div>

Slaytta gösterilecek öğelerin kodlarını şu şekilde düzenleyeceksiniz:

<a href="Resme tıklayınca açılacak asyfanın adresi"><img src="Slaytta gösterilecek resmin adresi" alt="Resmin altında gözükecek yazı metni"/></a>

	RapTube - ArabekRap Sitesi
	ArabeskRap'in Tek Adresi A'dan Z'ye Tüm Rapler. Arsız Bela, Asi Styla, Funndy Ve Daha Fazlası İçin Bizi Seçin.
	Müzik Dinleme Portalı
	Yeni Sitemiz Ve Yeni Tasarımımızla Yerli Ve Yabancı Tam 9 Milyon'dan Fazla Müzik Sizlerle
	Html Kodları - Canlı Tv izle - Radyo Dinle
	Html Ve Facebook Kodları Arşiv Sitesi.

Slayt Manşet [ JavaScript Versiyonu ]

0 yorum:

Haftanın Hit Yayınları

Sponsor Reklam

Abone Ol

Blogger Eklentileri !

Rastgele Konularımız..!

PHtmlDrive Reklam Alanı