Blogger Yazı İçi Numaralandırma Kodu

Bu yazımda sizlere blogger altyapılı bloglarınızda yazınızın içeriğini nasıl partlara böleceğinizi anlatacağım. Bu kod sayesinde film siteniz varsa filmleri bölebilir, en iyi 10 şeklinde sıralama yapacaksanız resimleri bölebilirsiniz. İyi çalışmalar.

  • Aşağıda vermiş olduğum kodu yazı panelinin “HTML” kısmına yapıştırın.
  • İçerik” yazan kısma da yazınızı yazın.
    <--Tek Part Kodu Baslar -->
    <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 type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></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 id="tab1" class="tab_content">
    <p>İçerik
    </p>
    </div>
    <div id="tab2" class="tab_content">
    <p>İçerik
    </p>
    </div>
    <div id="tab3" class="tab_content"><p>İçerik
    </p>
    </div>
    </div>
    </div>
    <--Tek Part Kodu Biter-->