Blogger Film Siteleri İçin Part Sistemi

Blogger günden güne kendisini geliştirmesinin yanında tasarımlara yapılan geliştirmelerde bu gelişmenin gerisinde kalmıyor.Her geçen gün bir eklenti daha blogger kullanıcıları tarafından üretiliyor ve profesyonel sitelere taş çıkaracak nitelikte site tasarımları yapılıyor diyebiliriz.Bu dediğimiz profesyonel tasarımlara katkıda bulunan küçük bir ayrıntı olan part sistemi sizlerle.Part sistemi genel olarak film blogu olanların işine yarayacaktır ama normal bloglarda bunu neden kullanamasınlarki.? Her türden bloga şıklık katacak bu eklenti yi kullanmanız için yapmanız gerekenler ;

Aşağıdaki kodları temanızın şablon kodları içerisinde bulunan <head> ve </head> kodları arasında herhangi biryere yapıştırınız.

<link href='http://yui.yahooapis.com/2.3.0/build/tabview/assets/tabview.css' rel='stylesheet' type='text/css'/>
<link href='http://yui.yahooapis.com/2.3.0/build/tabview/assets/border_tabs.css' rel='stylesheet' type='text/css'/>
<script src='http://yui.yahooapis.com/2.3.0/build/yahoo-dom-event/yahoo-dom-event.js' type='text/javascript'></script>
<script src='http://yui.yahooapis.com/2.3.0/build/element/element-beta-min.js' type='text/javascript'></script>
<script src='http://yui.yahooapis.com/2.3.0/build/tabview/tabview-min.js' type='text/javascript'></script>
<style type='text/css'>
.yui-content { padding:1em; /* pad content container */
}
.yui-navset .yui-content {
border:1px solid #b0b0b0;
}
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav a:hover {
background-color:#8a8a8a;
}
.yui-navset .yui-nav li a {
background:#f3e7d2 url(http://developer.yahoo.com/yui/examples/tabview/img/round_4px_trans_gray.gif) no-repeat;
}
.yui-navset .yui-nav li a em {
background:transparent url(http://developer.yahoo.com/yui/examples/tabview/img/round_4px_trans_gray.gif) no-repeat top right;
padding:0.4em;
}
/* top oriented */
.yui-navset-top .yui-nav { margin-bottom:-18px; } /* for overlap, based on content border-width */
.yui-navset-top .yui-nav li a {
border-bottom:2px solid #616161;
}
.yui-navset-top .yui-nav .selected a { border-bottom:0; }
.yui-navset-top .yui-nav .selected a em { padding-bottom:0.6em; } /* adjust height */
</style>

Yukarıdaki kodları şablonunuza ekleyip kaydettikten sonra aşağıdaki kodları yayın oluşturduğunuz sırada, html düzenleyicisine yapıştırınız.Kodlar arasında kırmızı ile belirtilmiş alanlar video kaynak kodları,mavi kodlar part başlıklarıdır.Kendinize göre değiştiriniz.İşlem tamamdır.

<div class="yui-navset" id="demo">
<ul class="yui-nav">
<li class="selected"><a href="http://www.blogger.com/blogger.g?blogID=7976470618354111405#tab1"><em>Part 1</em></a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=7976470618354111405#tab2"><em>Part 2</em></a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=7976470618354111405#tab3"><em>Alternatif Tek Part</em></a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=7976470618354111405#tab4"><em>Tek Part VK(720p)</em></a></li>
</ul>
<br />
<div class="yui-content">
<div id="tab1">
<iframe frameborder="0" height="360" src="http://vk.com/video_ext.php?oid=-35493457&amp;id=162949698&amp;hash=8829f2f6a1974327&amp;hd=2" width="640"></iframe> </div>
<div id="tab2">
<iframe frameborder="0" height="360" src="http://vk.com/video_ext.php?oid=-35493457&amp;id=162949706&amp;hash=c6a48419340be999&amp;hd=2" width="640"></iframe> </div>
<div id="tab3">
<iframe scrolling="no" src="http://embed.divxstage.eu/embed.php?v=srbxxzxfjzdq0&amp;width=640&amp;height=360" style="border: 0; height: 360px; overflow: hidden; width: 640px;"></iframe> </div>
<div id="tab4">
<iframe frameborder="0" height="360" src="http://vk.com/video_ext.php?oid=-43629211&amp;id=163432682&amp;hash=3f7467a9113fd43d&amp;hd=2" width="640"></iframe> </div>
</div>
</div>
<script>
(function() {
var tabView = new YAHOO.widget.TabView('demo');

YAHOO.log("The example has finished loading; as you interact with it, you'll see log messages appearing here.", "info", "example");
})();
</script>

İlgili Aramalar:blogger, blogger part sistemi, film sitesi part sistemi, partlı sistem kodu, partlı sistem kodları uygulamak, partlı sistem ayarları, film blogu partlı sistem, film blogu, film teması, film blogu partlı sistem uygulamaki, film sitesi partlı sistem eklentisi

Bu Yazıyı Beğendinizmi?

Yazar Unknown on 20 Ekim 2013 Pazar | 04:43

0 yorum:

Yorum Gönder

TROYUNCU.ORG!

EKMEK TEKNESİ

En Çok İndirilenler

Ivır Zıvır