Y Giriş Yap

   Tarih:

   Kod Dostu'ndan yine bir ilk! DÜnya genelinde Gamification olarak bilinen Oyunsallaştırma tekniğini kullanarak hazırladığımız bu harika intro kodunu çok seveceksiniz!


jquery destekli yapısıyla sitenize kazandıracağı şık efektler ziyaretçilerinizi büyüleyecek! Siteniz için Forum, Blog, Site introsu arıyorsanız, Sosyal ağ linklerinizi bile ekleyebileceğiniz, Hatta sietniz hakkında açıklamaya yer verebileceğiniz bu şematik giriş ekranı koduna bayılacaksınız!

Ayarlar

Kod İçerisindeki:

-Hoşgeldiniz yazısını değiştirebilirsiniz.

-Forum, Giriş, Blog yazan kısımları ve hemen yanların yer alan linkleri değiştirerek introdaki balonların adlarını ve tıklandığında gidilecek linkleri değiştirebilirsiniz!

-facebook.com/koddostu , twitter.com/koddostu ve goplus.us/koddostu linkleri yerine kendi sosyal ağ hesaplarınızın linklerini yerleştirebilirsiniz!

-Site Hakkında bölümünü ve ardından gelen açıklamayı değiştirebilirsiniz!
<!--Author: koddostu.com-->
<!--Licence: GNU GPL V2.0-->
<!--Name: Kaydırılabilir Şematik İntro Kodu-->
<!--Kod Dostu Kaydırılabilir Şematik İntro Kodu START-->

<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır-->
<!--Telif sahibi: koddostu.com-->
<!--[if lt IE 9]>


<script>
alert('İnternet explorer sürümünüz eski! Karşılama sayfamız doğru görüntülenmeyecek.');
</script>
<![endif]-->

<div class="koddostu-riteral introsu-koddostu"><div class="itala"><div id="t1h"></div><div id="t2h"></div><div id="t3h"></div><center>


<a class="koddostu-b1i">Hoşgeldiniz</a>

<div id="v1i"></div><koddostu></koddostu>
<a class="koddostubalon b1o" href="http://www.koddostu.com/index.html">Giriş</a>
<a href="http://koddostu.com/p/forum.html" class="koddostubalon b2o">Forum</a>
<a class="koddostubalon b3o" href="http://ipucu.koddostu.com/">Blog</a>


<div id="v2i"></div><div id="v3i"></div><div id="v4i"></div><div id="v5i"></div><div id="v6i"><div class="v7i"></div><div class="v13i"></div></div><div id="v8i"><div class="v9i"></div><div class="v10i"></div></div><div class="v11i"><div class="v9i"></div><div class="v12i"></div></div><div class="v14i"><div class="v15i"></div><div class="v16i"></div></div>


<div class="hakkinda">
Site Hakkında<br/><br/>
Sitemiz,çok aranan bazı içeriklerin derlenmesi ile hazırlanmış bir bilgi paylaşım platformu olarak hizmet vermektedir.


</div>
<div class="v17i"></div><a class="koddostubalon b4o" href="javascript:void(0)"  onClick="if(confirm(' B'+'u k'+'arşılama e'+'kranı,s'+'itemiz i'+'çin K'+'od D'+'ostu t'+'arafından k'+'odlanmış\n v'+'e C'+'reative C'+'ommons A'+'ttribution-G'+'ayriticari-N'+'oD'+'erivs 3'+'.'+'0 U'+'nported L'+'isansı i'+'le l'+'isanslanmıştır.\n\n k'+'od'+'dos'+'tu.'+'co'+'m s'+'itesini z'+'iyaret e'+'tmek i'+'ster m'+'isini'+'z?')){window.open('http://www.koddostu.com','')};">?</a><div class="v18i"><div class="v19i"></div><div class="v13i"></div></div>

<a class="koddostubalon f1o sosf" href="http://facebook.com/koddostu">Facebook</a>
<a class="koddostubalon f2o sosf" href="http://twitter.com/koddostu">Twitter</a>
<a class="koddostubalon f3o sosf" href="http://goplus.us/koddostu">Google+</a>
</center>


</div>
</div>
<style type="text/css">
.koddostubalon,.hakkinda{-moz-box-shadow:0 0 5px #000;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}.sosf{-webkit-border-radius:120px;background-color:#fff;border-radius:120px;color:#444;display:block;font-family:Helvetica,Arial,sans-serif;font-size:22px;font-weight:700;height:120px;line-height:120px;text-decoration:none;text-shadow:0 0 5px #888;width:120px}.f3o{border:12px solid #e46044;left:50%;margin-left:0;position:absolute;top:1631px;z-index:9909}.f1o{border:12px solid #4a6ea9;left:50%;margin-left:190px;position:absolute;top:1571px;z-index:9909}.f2o{border:12px solid #32def4;left:50%;margin-left:-100px;position:absolute;top:1801px;z-index:9909}.b4o{opacity:0.7;border-width:8px !important;-webkit-border-radius:40px;border-radius:40px;font-size:18px;height:40px;left:50%;line-height:40px;margin-left:-270px;position:absolute;top:1481px;width:40px;z-index:9909}.v19i,.v7i{display:inline-block;margin-right:3px;vertical-align:middle}.v19i{border-top:6px dotted #6f6f73;height:14px;width:140px}.v18i{height:25px;margin-right:-5px;margin-top:160px;position:relative;width:155px}.v17i{background-color:#3f3f43;height:550px;left:50%;margin-left:79px;position:absolute;top:1084px;width:4px}.hakkinda{background-color:#fff;border:12px solid #adaec5;color:rgba(70,70,120,0.7);font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;font-size:15px;font-weight:700;height:140px;margin-right:-300px;padding-top:15px;position:absolute;right:50%;top:800px;width:400px}.v16i{border-color:transparent transparent #3f3f43;border-style:solid;border-width:0 10px 10px;display:block;height:0;width:0}.v15i{border-left:6px dotted #6f6f73;display:block;height:105px;margin-bottom:5px;margin-left:7px;vertical-align:middle;width:4px}.v14i{height:120px;margin-left:150px;margin-top:50px;position:relative;width:10px}.v9i,.v13i{border-style:solid;display:inline-block;height:0;width:0}.v13i{border-color:transparent #3f3f43 transparent transparent;border-width:10px 10px 10px 0}.v12i,.v10i{border-top:6px dotted #6f6f73;display:inline-block;height:14px;margin-left:10px;vertical-align:middle;width:142px}.v11i{height:25px;margin-left:-346px;margin-top:340px;position:relative;width:162px}.v9i{border-color:transparent transparent transparent #3f3f43;border-width:10px 0 10px 10px}#v8i{height:25px;margin-left:162px;margin-top:100px;position:relative;width:162px}#t1h{background-image:url(http://1.bp.blogspot.com/-BX3O5_jc_MA/USVAVa24xEI/AAAAAAAASfU/HKppIs0XtwU/s1600/1.png)!important}#t2h{background-image:url(http://3.bp.blogspot.com/-ECa4HCOqUOE/USVAVczBTBI/AAAAAAAASfY/YQjJjcnyUPo/s1600/3.png)!important}#t3h{background-image:url(http://1.bp.blogspot.com/-UuNGHR5U1RY/USVAVUklklI/AAAAAAAASfQ/0bMi0602pVQ/s1600/2.png)!important}#t1h,#t2h,#t3h{background:transparent url(http://1.bp.blogspot.com/-BX3O5_jc_MA/USVAVa24xEI/AAAAAAAASfU/HKppIs0XtwU/s1600/1.png) repeat 0 0;height:150%;left:0;opacity:0.2;position:absolute;top:0;width:180%}#v4i{background-color:#3f3f43;height:4px;left:50%;margin-left:-258px;position:absolute;top:750px;width:260px}#v3i{border-left:4px solid #3f3f43;height:600px;left:50%;margin-left:-2px;position:absolute;top:150px}#v5i{-webkit-border-bottom-left-radius:2px;border-bottom-left-radius:2px;border-left:4px solid #3f3f43;height:156px;left:50%;margin-left:-258px;position:absolute;top:754px}#v6i{height:25px;margin-right:215px;margin-top:400px;position:relative;width:215px}#v1i{background-color:#3f3f43;height:50px;left:20%;margin-left:-2px;position:absolute;top:105px;width:4px}div.koddostu-riteral{overflow-y:scroll!important;position:fixed;z-index:9900}div.introsu-koddostu{background:#f2f2f2 url(http://2.bp.blogspot.com/-v6wq1QliCb0/USP8AVPalgI/AAAAAAAASa0/CIfJ5e9Wv8s/s1600/old_wall.jpg) repeat center;height:100%;left:0;min-width:850px;top:0;width:100%}.v7i{border-top:6px dotted #6f6f73;height:14px;width:200px}.itala{background:#f2f2f2 url(http://2.bp.blogspot.com/-v6wq1QliCb0/USP8AVPalgI/AAAAAAAASa0/CIfJ5e9Wv8s/s1600/old_wall.jpg) repeat center;display:none;height:2000px;left:0;overflow:hidden!important;position:absolute;top:0;width:100%}.b1o{-webkit-border-radius:100px;border-radius:100px;font-size:22px;height:100px;left:50%;line-height:100px;margin-left:-370px;position:absolute;top:341px;width:100px;z-index:9909}.b2o,.b3o,.b1o,.b4o{background-color:#555;border:16px solid #adaec5;color:#fff;display:block;font-family:Helvetica,Arial,sans-serif;font-weight:700;text-decoration:none;text-shadow:0 0 5px #000}.b2o{-webkit-border-radius:210px;border-radius:210px;font-size:28px;height:210px;left:50%;line-height:210px;margin-left:170px;position:absolute;top:413px;width:210px;z-index:9909}.b3o{-webkit-border-radius:200px;border-radius:200px;font-size:34px;height:200px;left:50%;line-height:200px;margin-left:-320px;position:absolute;top:1130px;width:200px;z-index:9909}.koddostu-b1i{color:rgba(70,70,120,0.7);display:block;font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;font-size:52px;font-weight:700;left:5%;position:absolute;text-shadow:0 2px 4px #fff,0 0 0 #000,0 2px 4px #def;top:10px}#v2i{border-top:5px dotted #3f3f43;display:inline-block;height:14px;left:50%;margin-left:-30%;position:absolute;top:150px;vertical-align:middle;width:30%}body,html{overflow-y:hidden!important}
</style><style type="text/css">div.koddostu-riteral{_position:absolute;}div.introsu-koddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style>


<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(".koddostubalon").on("mouseenter",function(){$(this).animate({width:"+=40px",height:"+=40px",marginLeft:"-=20px",top:"-=20px",lineHeight:"+=40px",fontSize:"+=8px"},300);$(".itala").animate({backgroundPosition:"-=10px"},300)});$(".koddostubalon").on("mouseleave",function(){$(this).animate({width:"-=40px",height:"-=40px",marginLeft:"+=20px",top:"+=20px",lineHeight:"-=40px",fontSize:"-=8px"},300);$(".itala").animate({backgroundPosition:"+=10px"},300)}); function yuhohabe(){$(".itala").fadeIn(3E3);$(".koddostu-riteral").scrollTop(2E3);$(".koddostu-riteral").animate({scrollTop:0},1400)}yuhohabe();$("#t1h").animate({top:"-350px",left:"-700px"},12E3,"linear",function(){document.getElementById("t1h").style.top="0px";document.getElementById("t1h").style.left="0px"});$("#t2h").animate({top:"-350px",left:"-700px"},2E4,"linear",function(){document.getElementById("t2h").style.top="0px";document.getElementById("t2h").style.left="0px"}); $("#t3h").animate({top:"-350px",left:"-700px"},38E3,"linear",function(){document.getElementById("t3h").style.top="0px";document.getElementById("t3h").style.left="0px"});setInterval(function(){$("#t1h").animate({top:"-350px",left:"-700px"},12E3,"linear",function(){document.getElementById("t1h").style.top="0px";document.getElementById("t1h").style.left="0px"})},12E3); setInterval(function(){$("#t2h").animate({top:"-350px",left:"-700px"},2E4,"linear",function(){document.getElementById("t2h").style.top="0px";document.getElementById("t2h").style.left="0px"})},2E4);setInterval(function(){$("#t3h").animate({top:"-350px",left:"-700px"},38E3,"linear",function(){document.getElementById("t3h").style.top="0px";document.getElementById("t3h").style.left="0px"})},38E3);

</script>


<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır-->

<!--Telif sahibi: koddostu.com-->

<!--Kod Dostu Kaydırılabilir Şematik İntro Kodu STOP-->
<script src="https://www.koddostu.com/duzelt.js?no=170"></script>

Nasıl Eklenir?

Nasıl ekleyeceğinizi öğrenmek için,sitenizi oluştururken kullandığınız platformu seçin:
weebly logoGERİ

Tek bir sayfada görünmesi için:
- Weebly sitenize eklemek istediğiniz kodu kopyalayın.
- Weebly editörüne giriş yapın ve sitenizde istediğiniz sayfaya "Kod Gömme" (Embed Code) elementi sürükleyip bırakın.
(kod gömme elementinin simgesi şu şekilde: </>)
- Kopyaladığınız kodu yapıştırıp sitenizi kaydedin.

Her sayfada görünmesi için:
- Weebly sitenize eklemek istediğiniz kodu kopyalayın.
- Weebly Editörüne giriş yapıp, üst menüden Temaı seçin.
- Sol alttaki HTML / CSS Düzenle seçeneğine tıklayın.
- index.html dosyasına kodu ekleyin. Nereye ekleyeceğinizden emin değilseniz, dosyanın en sonundaki </body> kodundan hemen önceye ekleyebilirsiniz.

blogger logoGERİ

Blogger.com adresine giriş yaptıktan sonra, blogunuzun ismine tıklayın.

1. Seçenek:
- Soldaki menüden "Yerleşim"e tıklayın.
- Gadget Ekle düğmesine tıklayın.
- Açılan pencereden HTML/JavaScripte tıklayın ve kodu yapıştırıp kaydedin.

2. Seçenek: - Soldaki menüden "Şablon"a tıklayın. Şablonunuz görüntülenecek. (Şablonda kod aramak için, şablondaki kodların bulunduğu kısma tıklayıp, CTRL ve F tuşlarına aynı anda basmalısınız.)
    a- Kodun her blog yayınınızın bitişinde gözükmesini istiyorsanız; şablonunuzdaki <div class='post-footer'> kodunu bulun. Birden fazla varsa ikincisini bulun. Ekleyeceğiniz kodu, <div class='post-footer'> kodunun hemen sonrasına ekleyin.
    b- Diğer durumlarda, şablonunuzun en sonundaki </body> kodunu bulun.Ekleyeceğiniz kodu </body>den hemen önceye ekleyin.
- Eğer şablon kaydedilemiyorsa, buraya tıklayarak ekleyeceğiniz kodu dönüştürün.
- Şablonu kaydedin.

tumblr logoGERİ

Tumblr'a kod eklemek sandığınızdan çok daha kolay.

    1. Adım: Bu sayfada, yukarıdaki kodu kopyalayın. Ardından buraya tıklayın.
    2. Adım: Soldaki "HTML'i düzenle" veya "Edit HTML" yazısına tıklayın. Dikkatli bakın, göreceksiniz.
    3. Adım: Karşınıza kodlar çıkacak, sakın gözünüz korkmasın. Kodların bulunduğu kısımda en aşağı inin. </body> yazdığını göreceksiniz.
    Son Adım: </body> kodunun hemen öncesine, kopyaladığınız kodu yapıştırın ve önce Önizlemeyi Güncelle, sonra Kaydet düğmelerine tıklayın.

wordpress logoGERİ

Wordpress siteler çok fazla özelleştirilebildiği için, tüm wordpress sitelerinde çalışacak tek bir yöntem yok. Aşağıda bazı seçenekler göreceksiniz. Eğer ekleyeceğiniz kod uçan twitter kuşu kodu, pencere açma kodu, intro kodu gibi sayfanın tamamında görüntülenebilecek veya sayfa kaydırılsa da ekranda kalacak bir kodsa, kodunuzu sitenizde dilediğiniz bir yere ekleyebilirsiniz.

1- Code Embed sayesinde kaydettiğiniz(örn: KOD1 adıyla) kodları yayın veya sayfalarınıza %KOD1% şeklinde ekleyebilirsiniz.
2- WP Insert Code eklentisi, yayın ve sayfa sonlarına, başlarına, sitenin başına ve sonuna kod eklemeye yarar.
3- Insert Code ile her yayının başına, sonuna veya örneğin üçüncü paragrafın ardına kod ekleyebilirsiniz.

webnode logoGERİ

webnode.com.tr adresinden sitenizi düzenleme editörüne girin.

- Sayfanın en yukarısında solda, Proje kelimesinin altında, Öğeler, Sayfa, İçerikler bölümünü bulun.
- İçerikler bölümündeki Diğerleri seçeneğine tıklayın. Kod yerleştir'i tutup dilediğiniz yere sürükleyin ve bırakın.
- Kaydedin ve sitenizi yayınlayın.

wix logoGERİ

Yeni wix editöründe aşağıdaki adımları takip etmeniz yeterli:

- Sayfanın solundaki düğmelerden, + işareti olanı (yani ekle seçeneğini) seçin.
- Çıkan mavii menüde, en aşağıda bulunan Daha fazla (More) sekmesine gidin.
- Yeşil bir dikdörtgen içerisinde </> simgesi göreceksiniz(HTML Kodu). Bunu dilediğiniz yere sürükleyin ve bırakın.
- Sürüklediğiniz şeyin üstünde beliren Kodu Girin düğmesine tıklayın. Kopyaladığınız hazır kodu yapıştırın ve Güncelle'ye tıklayın.
- Sitenizi yayınlayın.

Bu hazır kod ile alakalı tartışmalar:

Koddostu kodlarını değiştirmek serbest mi?

Senin de bir sorun var mı? Hemen sor

kodNinjaları tarafından geliştirildi.

Yeni Kodları Kaçırmayın:

Yeni site kodları yayınlandığında haberdar olmak istiyorsanız yeni hazır kodlara abone olabilirsiniz:



Yorum Yapın,Davet Kazanın:

Sık yorum yapan kullanıcılar, Koddostu üyeliği için davetiye kazanıyor!
Koddostu Ekip Üyeleri Arıyor! Tıkla Başvur!