Blogger Film Sitesi Part Sistemi

Bügün sizlere bir çok formlarda arama konusu olan ama yayınlanmayan blogger partlı sistemi nasıl yapacagınızı gösterecegim sizler icin bu konuya yer vermek istedim cünkü bir cok formlarda bu konuyu soran arkadaşları gördüm.Bende bu konuyu yayınlayayım dedim.Şimdi sizlere gösterecegim uygulamayla çok kolay bir sekilde blogger film siteniz icin partlı sistem oluşturabileceksiniz.Şimdi uygulamaya gecelim.Bu uygulamayı görmek icin demo ya girip inceleyebilirsiniz.

DEMO

1. adım blogger sitemizi acıyoruz
2. adım Kontrol Paneli > Tasarım > Htmlyi Düzenle yolunu izleyin.
Kodlar içerisinde Ctrl+F yardımıyla aratıp </head> kodunu bulun.
Aşşağıdaki kodu bulduğunuz </head> kodundan hemen önceki kısma yapıştırın.

<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>

Yukardaki kodu kopyalayıp yapıştırdıkdan sonra sablonu kaydet deyip çıkıyoruz.

Şimdi sizlere aşağıda verecegim kodu  her yayın yaptıgınızda html bölümüne yapıştıracaksınız ..

<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>

Her film yayınladığınızda yada yazı yayınladığında html modundayken yapıştıracaksınız.Burada kırmızı renkle verdiğim iframe kodları değişkendir,yani ekliyeceğiniz filmlerin iframe kodu yada embed kodunu kırmızı renkle görünen kısımlara ekleyeceksiniz  güle güle kulanabilirsiniz  yapamadıgınız bir şeyler olursa yorumlarınızla belirtin yardımcı olunacaktır.