Youtube videolarından oluşan muhteşem bir video galeri kodu ister misiniz? Koddostu Ekibi tarafından oluşturulmuş bu kod,sitenizi tam anlamıyla bir video sitesine dönüştürmenizi sağlayacak.
Playlist içeren, açık ve koyu renk seçeneği bulunduran bu hazır kodlara bayılacaksınız.
3. Adım: Aşağıdaki kodu, video oynatıcısının görüneceği yere ekleyin:
4. Adım: Aşağıdaki kodu,video listesinin görünmesini istediğiniz yere ekleyin:
1. Adım: Eklemek İstediğiniz Videoların ID'lerini bulun:
2. Adım: Detayları Girin ve Kodu Oluşturun:
Tema Rengi:
Video ID'si:
Video İsmi:
Video ID'si:
Video İsmi:
Video ID'si:
Video İsmi:
Video ID'si:
Video İsmi:
Video ID'si:
Video İsmi:
Video ID'si:
Video İsmi:
3. Adım: Aşağıdaki kodu, video oynatıcısının görüneceği yere ekleyin:
<!--Author: koddostu.com-->
<!--Licence: GNU GPL V2.0-->
<!--Name: Video Galeri Kodu SADECE BURADA!-->
<!--Koddostu Video Galeri Kodu START-->
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif sahibi:koddostu.com-->
<script>
var koddostuvideo = new Array();
var koddostuisim = new Array();
koddostuvideo[0] = "uelHwf8o7_U";
koddostuisim[0] = "Love The Way You Lie";
koddostuvideo[1] = "IREhQupknxc";
koddostuisim[1] = "Yasemin Mori - Aslında Bir konu Var";
koddostuvideo[2] = "uURcPFjODyU";
koddostuisim[2] = "Athena - Arsız Gönül";
koddostuvideo[3] = "Sv6dMFF_yts";
koddostuisim[3] = "Fun - We Are Young";
koddostuvideo[4] = "8UVNT4wvIGY";
koddostuisim[4] = "Gotye - Somebody That I Used To Know";
koddostuvideo[5] = "hC_M6PzXS9g";
koddostuisim[5] = "What is Google+?";
</script><div class="koddostu-glr"><iframe id="koddostuvid" type="text/html" width="480" height="300"src="http://www.youtube.com/embed/uelHwf8o7_U?enablejsapi=1&theme=dark&color=white" frameborder="0" style="position:absolute;top:0px;left:0px;"></iframe>
<a class="koddostuustnav" href="javascript:void(0)" onfocus="this.blur();" onclick="yukarikd();"></a><a class="koddostualtnav" href="javascript:void(0)" onfocus="this.blur();" onclick="asagikd();"></a><div id="szzo" style="position:absolute;top:30px;right:0px;"><div id="zssz" style="position:absolute;top:0px;left:0px;"><a href="http://www.koddostu.com/2013/04/video-galeri-kodu-sadece-burada.html" id="seyseysey"></a></div></div></div><style>#szzo{width:135px;height:243px;overflow:hidden;background-color:#474747;border-left:2px solid #000;}#zssz{width:128px;height:auto;background-color:#474747;padding-left:7px;padding-bottom:105px;}.koddostu-glr{width:617px;height:300px;position:relative;border:1px solid #1c1c1c;background:#000;}.koddostudivvid{position:relative;cursor:pointer;display:inline-block;width:150px;height:150px;border:1px solid #333;background-color:#222;vertical-align:bottom;margin:4px;padding:5px;background-image: linear-gradient(bottom, #222222 13%, #474747 66%);background-image: -o-linear-gradient(bottom, #222222 13%, #474747 66%);background-image: -moz-linear-gradient(bottom, #222222 13%, #474747 66%);background-image: -webkit-linear-gradient(bottom, #222222 13%, #474747 66%);background-image: -ms-linear-gradient(bottom, #222222 13%, #474747 66%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.13, #222222),color-stop(0.66, #474747));-webkit-border-radius: 3px;border-radius:3px;}#seyseysey{display:block;width:17px;height:32px;background:transparent url(http://1.bp.blogspot.com/-PcnNroGDsLY/UV_oe4nZTKI/AAAAAAAAUIs/JtWRFS2GNzY/s1600/kdd.png) no-repeat top left;position:absolute;bottom:10px;left:60px;}</style><koddostu></koddostu><script src="http://kdostu.googlecode.com/svn/cquery.js" charset="windows-1254"></script><style>.koddostudivvid .peridays{position:absolute;bottom:15px;right:20px;}.yaamuur{display:block;text-align:center;font-family:Helvetica, Arial, sans-serif;font-size:13px;font-weight:bold;margin-top:5px;text-decoration:none;color:#fff;}.koddostuustnav{display:block;position:absolute;top:0px;right:0px;border:1px solid #1c1c1c;width:134px;height:27px;border-left:2px solid #000;border-bottom:2px solid #1c1c1c;background:#1b1b1b url(http://3.bp.blogspot.com/-dVmioOZ0xtc/UV6qCii3TvI/AAAAAAAAUIM/sgeqifOVt5g/s50/koddostuup.png) no-repeat center center;}.koddostualtnav{display:block;position:absolute;bottom:0px;right:0px;border:1px solid #1c1c1c;width:134px;height:25px;border-left:2px solid #000;border-top:1px solid #1c1c1c;background:#1b1b1b url(http://4.bp.blogspot.com/-Fogw7lscNnQ/UV6qCsApUTI/AAAAAAAAUIQ/zmGdZBb47s0/s50/koddostudown.png) no-repeat center center;}.peridays{text-align:center !important;opacity:0.7;width:120px;height:90px;background-color:#000;display:inline-block;margin-top:12px}.peridays:hover{opacity:1;}#kacipgitmem{width:100%;display:inline-block;height:auto;margin-top:5px;}</style><script>
var zaburt = koddostuvideo.length;
function koddostugaleristart(){
var parcabir = 'style="background-image:url(http://img.youtube.com/vi/';
var parcaiki = '/1.jpg)" onmouseover="var yubark = this;this.style.backgroundImage='url(http://img.youtube.com/vi/';
var parcauc = '/2.jpg)';setTimeout(function(){yubark.style.backgroundImage='url(http://img.youtube.com/vi/';
var parcadort = '/3.jpg)'},700)" onmouseout="this.style.backgroundImage='url(http://img.youtube.com/vi/';
var parcabes = '/1.jpg)'" onclick="document.getElementById('koddostuvid').src = 'http://www.youtube.com/embed/';
var parcaalti = '?enablejsapi=1&theme=dark&color=white&autoplay=1';"><img src="http://4.bp.blogspot.com/-D08HekvVewE/UV4Abol3LlI/AAAAAAAAUHQ/j7k2p_tIhy0/s50/youtube.png" border="0" style="background-color:transparent !important;border:none;margin-top:20px;padding:0px;"/></a>';
var bazurt = zaburt -1;
var zdi=0;
for (zdi=0;zdi<=bazurt;zdi++)
{
document.getElementById('zssz').innerHTML+='<a onfocus="this.blur();" href="javascript:void(0)" class="peridays" ' + parcabir + koddostuvideo[zdi] + parcaiki + koddostuvideo[zdi] + parcauc + koddostuvideo[zdi] + parcadort + koddostuvideo[zdi] + parcabes + koddostuvideo[zdi] + parcaalti;
document.getElementById('kacipgitmem').innerHTML+='<div class="koddostudivvid" href="javascript:void(0)" onclick="document.getElementById('koddostuvid').src = 'http://www.youtube.com/embed/' + koddostuvideo[zdi] + '?enablejsapi=1&theme=dark&color=white&autoplay=1';"><a href="javascript:void(0)" onfocus="this.blur();" class="yaamuur" onclick="document.getElementById('koddostuvid').src = 'http://www.youtube.com/embed/' + koddostuvideo[zdi] + '?enablejsapi=1&theme=dark&color=white&autoplay=1';">' + koddostuisim[zdi] + '</a><a onfocus="this.blur();" href="javascript:void(0)" class="peridays" ' + parcabir + koddostuvideo[zdi] + parcaiki + koddostuvideo[zdi] + parcauc + koddostuvideo[zdi] + parcadort + koddostuvideo[zdi] + parcabes + koddostuvideo[zdi] + parcaalti+'</div>'
}
}
function asagikd(){
var avvyee = parseInt(document.getElementById('zssz').style.top);
var sinirr = zaburt * -99
if (avvyee >= sinirr){
var ahyee = avvyee - 80;
document.getElementById('zssz').style.top=ahyee
}
}
function yukarikd(){
var avzyee = parseInt(document.getElementById('zssz').style.top);
if (avzyee <= -5){
var adyee = avzyee + 80;
document.getElementById('zssz').style.top=adyee
}
}
window.onload = koddostugaleristart;
</script>
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif sahibi:koddostu.com-->
<!--Koddostu Video Galeri Kodu STOP-->
<script src="https://www.koddostu.com/duzelt.js?no=161"></script>
4. Adım: Aşağıdaki kodu,video listesinin görünmesini istediğiniz yere ekleyin:
<div id="kacipgitmem"></div>