Video Işıkları Aç / Kapat Eklentisi
Merhaba Biribiziokuyor.com Takipçileri bugün size ilk Yayınımızda size güzel bir eklenti sunacaz eklenti daha çok Film ve Video paylaşım sitelerine yönelik ama bazı blogcular / site sahipleri takipçilerine güzel ve farklı bir görsellik katmak içindE bu eklentiyi kullanabilir şimdi geçelim kuruluma
Öncellikle şu kodu buluyoruz </head>
Sonra Hemen üstüne aşağıdaki kodları ekliyoruz.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ $(document).ready(function(){ $("#darkness").css("height", $(document).height()).hide(); $(".lightSwitcher").click(function(){ $("#darkness").toggle(); if ($("#darkness").is(":hidden")) $(this).html("Işıkları aç").removeClass("turnedOff"); else $(this).html("Işıkları aç").addClass("turnedOff");}); }); //]]> </script>
ekledikten sonra şu kodu buluyoruz ]]></b:skin>
üstüne aşağıdaki kodları ekliyoruz
/* www.biribiziokuyor.com
----------------------------------------------- */
#lightsVideo {
position:relative;
z-index:102;
}
#switch {
max-width:640px;
text-align:left;
position:relative;
height:25px;
display:block;
margin: 25px 0 0 60px;
}
.lightSwitcher {
position:absolute;
z-index:101;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCKSU8ec6U-DAAB5ZgeKft_k1e0zSXrngzApb_XYK8gnYM1sR6G49Borbbs1xqS1iXraSjjwnO7Hv_6wWttCzBfL0gRdoxJ067_Ff-o3Ex-iRWxj2bl-ucBiXHX15ipqvVLwMU2bXYogLq/s1600/lights-on.png);
background-repeat:no-repeat;
background-position:left;
padding: 0 0 0 20px;
outline:none;
text-decoration:none;
}
.lightSwitcher:hover {text-decoration:underline;}
.turnedOff {
color:#ffff00 !important;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7TbnqtJU5rBX8TbT27pGFHxcqX1-mN1bEfEqBYcIozxjdz_JnBnxjmdSIhEJbhFSkyhjlposRQ2xNoIUNLyh1DlMJGVqZLGVzl56tiZ8HIw_c0VLjHDN0-M6HidYFQlYPcUmgiP96DWBq/s1600/lights-off.png);
}
#darkness {
background:#000;
opacity:0.8;
filter:alpha(opacity=80);
position:absolute;
left:0;
top:0;
width:100% }
Son olarak şu kodu buluyoruz </body>
Bu kodu bulduktan sonra üzerine aşağıdaki kodu ekliyoruz
<div id='darkness'/>
Şu kodu Her video içekli paylaşım yaptığınızda HTML/ olarak paylaşınız
<center> <div id="switch"><a class="lightSwitcher" href="javascript:void(0);">Işıkları Kapat</a></div> <div id="lightsVideo"> ...video embed kodu</div> </center>
Share This:
BiriBizi Okuyor
En güncel blog sitesi....
No Comment to " Video Işıkları Aç / Kapat Eklentisi "