Webmaster Seo'su: Site Açılış Efektleri

Site Açılış Efektleri etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

2 Kasım 2013 Cumartesi

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

Önizleme 2

Önizleme 3

11 Eylül 2013 Çarşamba

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:

<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>

9 Eylül 2013 Pazartesi

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!

<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>   <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'></Script><div style="position:absolute;top:330px;left:0px;background-color:#6c84b4;width:100%;height:100%;z-index:6000;"></div></div>

7 Eylül 2013 Cumartesi

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:

<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>

2 Eylül 2013 Pazartesi

"Açılışa Şu Kadar Kaldı" Geri Sayım İntro Kodu

"Açılışa Şu Kadar Kaldı" Geri Sayım İntro Kodu

Tasarımın Önizlemesi
ÖNEMLİ NOT : Tasarımın kodunun içinde bulunan "KACINCIAY", "KACINCIGUN", "HANGISAAT", "HANGI DAKIKA" gibi bırakılan alanları sizin kendinize göre doldurmanız gerekmektedir.Eğer boş bırakılırsa tasarımın size hiç bir faydası olmaz.
Tasarım Kodu:

Y<style>.amanin, .amanin1{word-wrap: normal !important;}</style><!DOCTYPE HTML><style type="text/css">div.koddostu-geri{position:fixed;text-align:center;z-index:9999998999;}div.sayim-koddostu{top:0px;left:0px;width:100%;height:100%;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlJ7OF8vF3Nq7sCtgic1awcSIBN1QRl-paVa_25_7jeXilC4G6Z_ZGJw3dGQQEJay0Bi-4G24I_SFyXbm_ouW0FkoKcOc3RtJ1mmx-xRQCrnc9DcuP59sHqra7uXxoYfAXM9XpvS8YHRc5/s1600/55651.png) repeat top left;}</style><style type="text/css">div.koddostu-geri{_position:absolute;}div.sayim-koddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div class="koddostu-geri sayim-koddostu"><center><a style="display:block;margin-top:40px;margin-bottom:10px;font-size:58px;font-weight:bold;font-family:Helvetica, Arial, sans-serif;color:#444;text-shadow:0px 0px 5px #888;">Hoşgeldiniz!</a><a style="display:block;margin-top:40px;margin-bottom:40px;font-size:32px;font-weight:bold;font-family:Helvetica, Arial, sans-serif;color:#c22;text-shadow:0px 0px 5px #444;line-height:46px;">Ama biraz erken geldiniz.<br/>Sitemizin açılmasına daha şu kadar var:</a><style>.amanin{display:inline-block;height:200px;width:136px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzxOb223-xk3rQTqVqyXh-dbH149aK5osGu9v-SACc7pHHaZQixmdmcHkqEHmPDSnErTpZA-X-veGBFDm2gseJoK09yYQ8BRIH-Ify9YOv6RltJ2cfmJI6ZTzCBZ4qCH-QGuqs9s76dAXc/s1600/koddostu-sayac.png) repeat-x top left;color:#fff !important;font-family:Helvetica, Arial, sans-serif;font-size:72px;font-weight:bold;padding-left:20px;letter-spacing:37px;padding-top:9px;text-shadow:0px 0px 10px #200;text-align:center;}.amanin1{display:inline-block;height:200px;width:136px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzxOb223-xk3rQTqVqyXh-dbH149aK5osGu9v-SACc7pHHaZQixmdmcHkqEHmPDSnErTpZA-X-veGBFDm2gseJoK09yYQ8BRIH-Ify9YOv6RltJ2cfmJI6ZTzCBZ4qCH-QGuqs9s76dAXc/s1600/koddostu-sayac.png) repeat-x top left;color:#fff !important;font-family:Helvetica, Arial, sans-serif;font-size:72px;font-weight:bold;padding-left:20px;letter-spacing:37px;padding-top:9px;text-shadow:0px 0px 10px #200;text-align:center;}.ofofof{display:inline-block;height:109px;color:#444 !important;font-family:Helvetica, Arial, sans-serif;font-size:52px;font-weight:bold;vertical-align:70px;}</style><a id="gunn" class="amanin1">00</a><a class="ofofof">-</a><a class="amanin" id="saatt">00</a><a class="ofofof">-</a><a id="dakikaa" class="amanin">00</a><a class="ofofof">-</a><a id="saniyee" class="amanin">00</a><script>var koddosturanza=setInterval(function(){zamanin()},1000);function zamanin(){var KACINCIAY = BURAYA AÇILIŞ AYINI YAZ!;var KACINCIGUN = BURAYA KAÇINCI GÜN AÇILACAĞINI YAZ!;var HANGISAAT = BURAYA SADECE SAAT YAZ DAKİKA YAN TARAFTA;var HANGIDAKIKA = BURAYA SADECE DAKİKAYI YAZ;var date = new Date;var hangiay = date.getMonth();var ayadi = new Array(31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31, 31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31, 31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);var seconds = date.getSeconds();var minutes = date.getMinutes();var hour = date.getHours();var day = date.getDate();var toplamgun=0;var ixa=0;var ixe=0;var sabittoplam=0;var buayharic=hangiay-1;for (ixa=0;ixa<=buayharic;ixa++){toplamgun=toplamgun+ayadi[ixa]}var AYEKSIBIR=KACINCIAY-2;for(ixe=0;ixe<=AYEKSIBIR;ixe++){sabittoplam=sabittoplam+ayadi[ixe]}sabittoplam=sabittoplam+KACINCIGUN;var yilinkacincigunu = toplamgun+parseInt(day);var ibininki = sabittoplam-yilinkacincigunu;var saatseyi = HANGISAAT-hour;var dakkaseyi = HANGIDAKIKA-minutes-1;var saniyeseyi = 60-seconds;if(dakkaseyi < 0){saatseyi = saatseyi-1;dakkaseyi=60+dakkaseyi}if(saatseyi < 0){ibininki = ibininki-1;saatseyi=60+saatseyi}if(ibininki==0){var ibininki='00'}if(saatseyi==0){var saatseyi='00'}if(dakkaseyi==0){var dakkaseyi='00'}if(ibininki>99){document.getElementById('gunn').style.width='217px';}if(ibininki < 10){document.getElementById('gunn').style.width='58px';}if(saatseyi < 10){document.getElementById('saatt').style.width='58px';}if(dakkaseyi < 10){document.getElementById('dakikaa').style.width='58px';}if(saniyeseyi < 10){document.getElementById('saniyee').style.width='58px';}if(saatseyi > 9){document.getElementById('saatt').style.width='136px';}if(dakkaseyi > 9){document.getElementById('dakikaa').style.width='136px';}if(saniyeseyi > 9){document.getElementById('saniyee').style.width='136px';}document.getElementById('gunn').innerHTML=ibininki+'<br/><span style="display:block;font-size:24px;letter-spacing:0px !important;margin-top:20px;margin-right:20px;color:#444 !important;text-shadow:0px 0px 5px #888;">gün</span>';document.getElementById('saatt').innerHTML=saatseyi+'<br/><span style="display:block;font-size:24px;letter-spacing:0px !important;margin-top:20px;margin-right:20px;color:#444 !important;text-shadow:0px 0px 5px #888;">saat</span>';document.getElementById('dakikaa').innerHTML=dakkaseyi+'<br/><span style="display:block;font-size:24px;letter-spacing:0px !important;margin-top:20px;margin-right:20px;color:#444 !important;text-shadow:0px 0px 5px #888;">dakika</span>';document.getElementById('saniyee').innerHTML=saniyeseyi+'<br/><span style="display:block;font-size:24px;letter-spacing:0px !important;margin-top:20px;margin-right:20px;color:#444 !important;text-shadow:0px 0px 5px #888;">saniye</span>';}window.onload=zamanin;zamanin();</script></center><a href="scvxcv" target="_blank" style="display:block;width:92px;height:18px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYKAwySyvqObnLBfdfF5WUTVqgj9NQOwqS-i27I6gr7hxtSLPuV8WYmeToLLEIQBuvo7okQGhEtmbNiQ8MMgwNYIgkQADj-K-bw5_feyyp_45RHhyNi0JbNSWjWJgSR7YB-hCqgBfPA-dj/s1600/kd35.png) no-repeat top left;position:absolute;bottom:0px;right:-65px;" onmouseover="this.style.right='0px';" onmouseout="this.style.right='-65px';"></a></div>

Tasarım: Kod Dostu