Koddostu

Hepimiz gayet iyi biliyoruz ki sitemiz yapım aşamasındadır kodları artık kürekli adam simgeli sarı uyarı tabelası resminden çok daha fazlasını gerektiriyor.

Sosyal ağların hayatımızın her alanına girdiği günümüzde, sitenize giren ziyaretçileri eli boş göndermemek çok önemli. Aşağıdaki, koddostu.com tarafından hazırlanmış html hazır kod sayesinde sitenize giren ziyaretçileri sitenizin yapım aşamasında olduğuna dair bilgilendirmekle kalmayacak, size ulaşabilecekleri veya blogunuzu takip edebilecekleri sosyal medya hesaplarınıza yönlendirebileceksiniz.

Hazır kodu sitenize ekledikten sonra, kodun 10, 11, 12 ve 13. satırlarındaki linkler yerine kendi sosyal medya hesaplarınızın linklerini eklemelisiniz.

Bunu yaparken adreslerin başındaki http:// kısımlarını da eklemeyi unutmayın.

<!--Author: koddostu.com-->
<!--Licence: GNU GPL V2.0-->
<!--Name: "Sitemiz Yapım Aşamasında" HTML Sayfası Kodu-->
<style>
#koddostu-com-yapim-asamasinda-2016{ position:fixed;top:0;left:0;width:100%; height:100%;overflow:hidden; z-index:9999999; } #koddostu-com-yapim-asamasinda-2016, .blurlu{ background: #0b8793; background-image: -webkit-radial-gradient(top, circle cover, #0b8793, #360033 60%); background-image: -moz-radial-gradient(top, circle cover, #0b8793, #360033 60%); background-image: -o-radial-gradient(top, circle cover, #0b8793, #360033 60%); background-image: radial-gradient(top, circle cover, #0b8793, #360033 60%); } .blurlu{ position:absolute;top:-5%;left:-5%;width:110%;height:110%; min-height:110vh; -webkit-filter: blur(50px); -moz-filter: blur(50px); -o-filter: blur(50px); -ms-filter: blur(50px); filter: blur(50px); } #koddostu-com-yabcont{text-align:center;position:absolute;top:15%;left:0;width:100%;} #koddostu-com-yabcont span, #koddostu-com-yabcont h2, #koddostu-com-yabcont .yabcontbtn{ display:block; font-weight:bold; font-family:Arial, sans-serif; text-transform:Capitalize; text-decoration:none; cursor:pointer; user-select: none; -webkit-user-select: none; margin:0 0 0 0; margin-top:32px; text-align:center;color:#fff;text-decoration:none; } #koddostu-com-yabcont h2{ font-size:48px; text-shadow: 0px 1px 0px #c0c0c0, 0px 2px 0px #b0b0b0, 0px 5px 10px rgba(0, 0, 0, 0.6); } #koddostu-com-yabcont h2:active{ padding-top:1px; text-shadow: 0px 1px 0px #c0c0c0, 0px 5px 10px rgba(0, 0, 0, 0.6); } #koddostu-com-yabcont span{ font-size:18px; text-shadow: 0px 1px 0px rgba(192,192,192,0.6), 0px 5px 10px rgba(0, 0, 0, 0.6); } #koddostu-com-yabcont .yabcontbtn{ display:inline-block;margin:32px 4px; padding:7px 12px; font-weight:normal; background:rgba(255,255,255,0.2); color:rgba(255,255,255,0.65); font-size:16px; border-radius:3px; -webkit-border-radius:3px; box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
</style>

<div id="koddostu-com-yapim-asamasinda-2016">
    <div class="blurlu"></div>
    <div id="koddostu-com-yabcont">
    <h2>Yapım Aşamasında</h2>
    <span>Sitemiz en kısa sürede yayın hayatına başlayacak.</span>
    <a href="https://www.facebook.com/koddostu" class="yabcontbtn">Facebook</a>
    <a href="https://www.twitter.com/koddostu" class="yabcontbtn">Twitter</a>
    <a href="https://www.google.com/+KodDostuCom" class="yabcontbtn">Google+</a>
    <a href="http://www.koddostu.com" class="yabcontbtn">Instagram</a>
    </div>
</div>
<script src="https://www.koddostu.com/duzelt.js?no=317"></script>