Blogger Sinema/Film/Video Siteleri için Partlara Ayırma Eklentisi / Kodu / Widget




  • Blogger Sinema/Film/Video Siteleri için Partlara Ayırma Eklentisi 

  1. Yeni yayın açma sayfasına gelin. 
  2. HTML butonuna(solda) tıklayın. 
  3. Aşağıda verilen kodları boş yayın sayfası içerisine ekleyin ve düzenleyin.
  4. Hepsi bu tick,check,ok,yes,right,correct,next,forward,arrow,check on,checked,checkmark

<!-- https://metamorpheuss.blogspot.com Tek Part Kodu -->
<style type="text/css">
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 26px;
border-bottom: 1px solid #999999;
border-left: 1px solid #999999;
width: 91%;
}
ul.tabs li {
float: left;
margin: 0;
cursor: pointer;
padding: 0px 15px ;
height: 24px;
line-height: 21px;
border: 1px solid rgb(0, 0, 0);
border-left: none;
font-weight: bold;
background: rgb(0, 153, 255);
overflow: hidden;
position: relative;
width:64px;
}
ul.tabs li:hover {
background: #CCCCCC;
}
ul.tabs li.active{
background: rgb(0, 255, 214);
border-bottom: 1px solid rgb(0, 0, 0);
}
.tab_container {
border: 1px solid rgb(29, 29, 29);
border-top: none;
clear: both;
float: left;
width: 91%;
background: rgb(22, 22, 22);
}
.tab_content {
padding: 0px;
font-size: 0.2em;
display: none;
}
#container {
width: 750px;
margin: 0 auto;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".tab_content").hide();
$(".tab_content:first").show();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).attr("rel");
$("#"+activeTab).fadeIn();
});
});
</script>
<div id="container">
<ul class="tabs">
<li class="active" rel="tab1">Tek Part</li>
<li rel="tab2">Alternatif</li>
<li rel="tab3">Fragman</li>
</ul>
<div class="tab_container">
<div class="tab_content" id="tab1">
İçerik</div>
<div class="tab_content" id="tab2">
İçerik</div>
<div class="tab_content" id="tab3">
İçerik</div>
</div>
</div>
<!-- https://metamorpheuss.blogspot.com Tek Part Kodu -->




Yazıyla alakalı etiketler;
blogger, blogspot, blog, eklenti, widget, gadget, eklenti, eklentiler, eklentileri, eklentisi
blogger eklenti, blogspot eklenti, blogger eklentisi,
blogger eklentileri, blogger eklentiler, blogger widget, blogger widgets, blogger gadget,
blogger 2015, blogger 2016, blogger eklenti indir, blogger kodu, blogger kodları,

Yorum Gönder

0 Yorumlar
* Please Don't Spam Here. All the Comments are Reviewed by Admin.