Yılbaşı İndex Kırmızı Blogger Versiyon

S.C.K. TASARIM · 20 Aralık 2012

Merhabalar.

Kırmızı yılbaşı indeximi biliyorsunuz bununla birlikte blogger indexide veriyorum çünkü bloggerde ftp yok dosyaları atamıyoruz bende blogger için kodladım tabi bazı yardımlar ile bu yardımları sayğlıyanları aşağıda veriyorum sonrada kodu ve canlı önizlemede vericeğim.

// İndex: S.C.K. TASARIM
// Geri Sayım Aracı: Berk Öztoprak
// Siteye Giriş: Kod Dostu

Canlı önizleme: http://tema2sck.blogspot.com/

Kodu "Gadget" -> Html Kod bölümne ekleyiniz.

Kodlar

Kod:

<!doctype html>
<!-- 
Telif Hakları 
// İndex: S.C.K. TASARIM
// Geri Sayım Aracı: Berk Öztoprak
// Siteye Giriş: Kod Dostu
// Telif Bölgesini silip silmemek sizin elinizde Silmesseniz İndexde gözükmez...
-->
<div class="arka">

<script src='http://yourjavascript.com/22470210191/snowstorm.js' type='text/javascript'></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>
<script src="http://yourjavascript.com/23115123206/jquery.lwtcountdown-1.0.js" type="text/javascript"></script>
<script src="http://yourjavascript.com/21204166321/placeholder.js" type="text/javascript"></script>
<script src="http://yourjavascript.com/24331112262/script.js" type="text/javascript"></script>
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link href="http://fonts.googleapis.com/css?family=Englebert" rel="stylesheet" type="text/css" />
<style type="text/css">
/****
Project Countdown Page
Design:Berk Oztoprak
Implementation:Kilitbilgi
*****/
.arka{
top:0px;left:0px;width:100%;height:100%;background:url('http://2.bp.blogspot.com/-Ladqe1SHT80/UMzNPlil_1I/AAAAAAAABsw/Ow1TaExxx84/s1600/2013-yilbasi-sck_05.png');
position:fixed;text-align:center;z-index:97000;
}
div#general{
    margin:40px auto 0 auto;
    width:970px;
    height:400px;
    border-top:none;
}
div#general div.counter_wrapper{
    margin:0 auto;
    width:750px;
    padding-left:100px;
}
div#general div.counter_wrapper div.counter_bg{
    background:url('http://1.bp.blogspot.com/-opsI4-ExjMg/UMzNQf0t8hI/AAAAAAAABs4/pVupfSSg4H8/s1600/counter_bg.png') no-repeat;
    padding-right:30px;
}
div#general div.counter_wrapper div.counter_week{
    background-position:0 -3px;
    width:110px;
    height:143px;
    display:inline-block;
    margin:0 -20px 0 15px;
}
div#general div.counter_wrapper div.counter_day{
    background-position:-116px -3px;
    width:120px;
    height:143px;
    display:inline-block;
}
div#general div.counter_wrapper div.counter_hour{
    background-position:-268px -3px;
    width:115px;
    height:143px;
    display:inline-block;
}
div#general div.counter_wrapper div.counter_minute{
    background-position:-409px -3px;
    width:115px;
    height:143px;
    display:inline-block;
}
div#general div.counter_wrapper div.counter_second{
    background-position:-550px -3px;
    width:115px;
    height:143px;
    display:inline-block;
}
div#general div.counter_wrapper span.digit{
    font-size:70px;
    display:inline-block;
    font-family: 'Englebert', sans-serif;
    color:#ffffff;
    float:left;
    text-align: center;
}
div.weeks_dash{padding-left:23px;}
div.days_dash{padding-left:39px;}
div.hours_dash{padding-left:39px;}
div.minutes_dash{padding-left:39px;}
div.seconds_dash{padding-left:39px;}

</style>
<center>

<!-- Save for Web Slices (2013 index.psd) -->
<table id="Table_01" width="1024" height="404" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="3">
             <img  src="http://1.bp.blogspot.com/-hNKoHdAeZNs/UMzNMMRlkHI/AAAAAAAABsU/CDt0OB8WGWQ/s1600/2013-yilbasi-sck_01.png"  width="1024" height="362" alt="" /></td>
    </tr>
    <tr>
        <td>
             <img  src="http://2.bp.blogspot.com/-TGUIKzYnyRY/UMzNNGGqwnI/AAAAAAAABsY/XC4Y3If3v50/s1600/2013-yilbasi-sck_02.png"  width="460" height="42" alt="" /></td>
        <td>
             <a href="javascript:void(0)"  class="koddostubayrak4"><img  src="http://1.bp.blogspot.com/-SDwDQnM3i5I/UMzNN9szE0I/AAAAAAAABsg/8SIchxdWAXQ/s1600/2013-yilbasi-sck_03.png"  width="141" height="42" alt="" /></a></td>
        <td>
             <img  src="http://3.bp.blogspot.com/-kZ3qYD_K_2w/UMzNOxxBAmI/AAAAAAAABso/F2kwFDdJeN0/s1600/2013-yilbasi-sck_04.png"  width="423" height="42" alt="" /></td>
    </tr>
</table>
<script>
  $(".koddostubayrak4").click(function () {
  $(".arka").fadeOut("slow");
  });
  </script>
<!-- End Save for Web Slices -->
</center>
<div id="general">
        <div class="counter_wrapper" id="counter_start">
            <div class="counter_bg counter_week">
                 <div class="dash weeks_dash"><span  class="digit">0</span><span  class="digit">0</span></div>
            </div>
            <div class="counter_bg counter_day">
                 <div class="dash days_dash"><span  class="digit">0</span><span  class="digit">0</span></div>
            </div>
            <div class="counter_bg counter_hour">
                 <div class="dash hours_dash"><span  class="digit">0</span><span  class="digit">0</span></div>
            </div>
            <div class="counter_bg counter_minute">
                 <div class="dash minutes_dash"><span  class="digit">0</span><span  class="digit">0</span></div>
            </div>
            <div class="counter_bg counter_second">
                 <div class="dash seconds_dash"><span  class="digit">0</span><span  class="digit">0</span></div>
            </div>
        </div>
        </div>

</div></!doctype>

Yılbaşı İndex Kırmızı Blogger Versiyon

S.C.K. TASARIM

Üye