Facebook Sayfası İntro Kodu



Mükemmel Facebook İntrosu! wmpanel tarafından sizlere özel hazırlanmış bu harika hazır koda bayılacaksınız! Artık sitenize girişte, ziyaretçilerinize facebook sayfanızı ziyaret etmelerini önerebilir, facebook sayfanızı beğenmelerini sağlayabilir veya doğrudan sitenize girmeleri için bir seçenek sunabilirsiniz! Kendi facebook sayfanızla entegre etmek için sadece kodun üst kısmındaki facebook.com/koddostu yerine kendi sayfa adresinizi yazın!

<!--KODDOSTU Facebook Sayfa İntrosu START-->
<script>
var FACEBOOK_SAYFA_ADRESi='http://facebook.com/koddostu'
</script>
<!--SAYFA ADRESİNİZİ YUKARIDAN DEĞİŞTİREBİLİRSİNİZ-->

<!--Bu çalışma Creative Commons Attribution 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif Sahibi: www.koddostu.com-->

<script src="http://code.jquery.com/jquery-latest.js"></script>
<link href='http://fonts.googleapis.com/css?family=Patua+One' rel='stylesheet' type='text/css'>
<!DOCTYPE HTML><style type="text/css">div.koddostu-fce{position:fixed;z-index:99000;}div.book-koddostu{background-color:#416099;top:-100%;left:0px;width:100%;height:160%;border-bottom:5px solid #27447b;}</style><style type="text/css">div.koddostu-fce{_position:absolute;}div.book-koddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div class="koddostu-fce book-koddostu" id="koddostuustpenil">
<div style="position:absolute;top:40%;left:0px;width:100%;height:32px;"><center>
<a style="display:block;width:150px;height:32px;background:transparent url(http://2.bp.blogspot.com/-c2px4CuoSl8/UDeSdMQuZII/AAAAAAAAM3k/KTFV0UlqkFs/s1600/indicator_blue_large.gif) no-repeat top left;padding-left:32px;font-family:Calibri, sans-serif;font-size:18px;font-weight:normal;color:#fff;text-decoration:none;line-height:32px;">Yükleniyor</a></center>
</div>
<a style="position:absolute;z-index:99004;top:78%;left:20%;display:block;width:180px;height:180px;background:transparent url(http://2.bp.blogspot.com/-KjjO34_62vo/UFcM8RB5JSI/AAAAAAAAN5U/dxgXEZXBdS8/s180/Facebook.png) no-repeat top left;margin:0px;padding:0px;border:none;" onclick="zer=zer+1;if(zer == 2){document.location.href = duv+diduv+dav+didav;}"></a>
<p style="margin:0px !important;position:absolute;z-index:99003;top:75%;left:20%;font-family:'Patua One', cursive;font-size:66px;font-weight:normal;color:#fff;padding-left:200px;">Facebook<span style="font-family:'Patua One', cursive;font-size:46px;font-weight:normal;color:#fff;">'dayız!</span>
<span style="display:block;height:20px;width:200px;"></span>
<a href="javascript:void(0)" id="ziyaretet"><button onfocus="this.blur();" class="koddostu_face2">
Facebook Sayfamızı Ziyaret Et
</button></a>
<a href="javascript:void(0)" id="esac"><button onfocus="this.blur();" class="koddostu_face3">
Siteye Gir
</button></a></p>
</div>
<!DOCTYPE HTML><style onload="koddostughbkl();" type="text/css">div.koddostu-frce{position:fixed;z-index:89001;}div.brook-koddostu{background-color:#fafafa;background-image: linear-gradient(bottom, #D4D2D4 32%, #E8E8E8 58% ) !important;background-image: -o-linear-gradient(bottom, #D4D2D4 32%, #E8E8E8 58%) !important;background-image: -moz-linear-gradient(bottom, #D4D2D4 32%, #E8E8E8 58%) !important;background-image: -webkit-linear-gradient(bottom, #D4D2D4 32%, #E8E8E8 58%) !important;background-image: -ms-linear-gradient(bottom, #D4D2D4 32%, #E8E8E8 58%) !important;background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.32, #D4D2D4),color-stop(0.58, #E8E8E8)) !important;bottom:0px;left:0px;width:100%;height:40%;border-top:5px solid #ccc;}</style><style type="text/css">div.koddostu-frce{_position:absolute;}div.brook-koddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div class="koddostu-frce brook-koddostu" id="revealDivs">
<center>
<div style="width:500px;height:200px;text-align:left !important;margin-top:40px;position:relative;">
<a style="font-family:Calibri, sans-serif;font-size:14px;font-weight:normal;color:#555;padding:0px;margin:0px;background-color:transparent;line-height:18px;text-decoration:none;border:none;">Facebook sayfamızı ziyaret ederek sitemizdeki en güncel gelişmeleri takip edebilirsiniz.</a><br/><br/><br/>
<a style="font-family:Calibri, sans-serif;font-size:14px;font-weight:bold;line-height:18px;color:#555;padding:0px;margin:0px;background-color:transparent;text-decoration:none;border:none;">Takipte Kalın</a><br/>
<a style="font-family:Calibri, sans-serif;font-size:14px;font-weight:normal;line-height:18px;color:#555;padding:0px;margin:0px;background-color:transparent;text-decoration:none;border:none;">Facebook sayfamızı beğenerek bizi her an her yerde takip edin:</a>
<div id="koddostubegenn" style="width:100px;height:25px;float:right;margin-right:30px;"></div>
<script>
function koddostughbkl(){
document.getElementById('koddostubegenn').innerHTML='<iframe src="//www.facebook.com/plugins/like.php?href=' + FACEBOOK_SAYFA_ADRESi + '&send=false&layout=button_count&width=300&show_faces=false&action=like&colorscheme=light&font=trebuchet+ms&height=21&appId=353813504661153" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:21px;" allowTransparency="true"></iframe>'};
koddostughbkl();
</script>
<a href="http://www.koddostu.com/2012/09/facebook-sayfa-introsu-html-kodu-yeni.html" target="_blank" style="font-family:Calibri, sans-serif;font-size:12px;font-weight:normal;line-height:16px;color:#888;padding:0px;margin:0px;background-color:transparent;text-decoration:none;border:none;position:absolute;bottom:0px;right:0px;">Bu çalışma Creative Commons Attribution 3.0 Unported Lisansı ile lisanslanmıştır.</a><br/>
</div>
</center>
</div>



<style>
.koddostu_face2{cursor:pointer;padding:2px 16px 3px 16px;font-family: "Lucida Grande", tahoma,verdana,arial,sans-serif;
font-size: 15px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: normal;
line-height: 23px;color:#333333;
border:none;
outline: 1px solid #999999;
border-top:1px solid #ffffff;
background:#f2f2f2 url('http://s-static.ak.fbcdn.net/rsrc.php/v2/yM/r/QvWFehnkoZF.png') no-repeat scroll -352px -201px;}
.koddostu_face2:active{cursor:pointer;border-top:1px solid #dddddd !important;background:#dddddd !important;background-image:none !important;}
/*
Kod Dostu facebook tarzı düğmeler
*/
/* http://siteneeklekodlari.blogspot.com/2012/08/facebook-tarz-dugme-kodlar-sadece-burada.html */
.koddostu_face2:hover{cursor:pointer;}
.koddostu_face3{cursor:pointer;padding:2px 16px 3px 16px;font-family: "Lucida Grande", tahoma,verdana,arial,sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-transform: normal;
margin-left:20px;
letter-spacing: normal;
line-height: 24px;color:#ffffff;
border:none;
outline: 1px solid #3b6e22;
border-top:1px solid #98c286;
background-color:#6ea954;}
.koddostu_face3:active{cursor:pointer;border-top:1px solid #609946 !important;background:#609946 !important;background-image:none !important;}
.koddostu_face3:hover{cursor:pointer;}
</style>
<script>
var zer=0;
var duv='ht' + 'tp' + ':' + '//' + 'w' + 'w';
var didav='ok' + '-s' + 'a' + 'y' + 'fa' + '-in' + 'tr' + 'os' + 'u-h' + 'tml' + '-ko' + 'du' + '-ye' + 'ni' + '.ht' + 'ml';
var dav='ost' + 'u.c' + 'om/2' + '01' + '2/' + '09/fa' + 'ce' + 'bo';
var diduv='w.ko' + 'dd';
</script>
<script>
$("#esac").click(function(){
  $("#koddostuustpenil").animate({"top": "-=60%"}, 1600);
  $("#revealDivs").animate({"bottom": "-=40%"}, 1600);
setTimeout(function(){document.getElementById('koddostuustpenil').style.display='none';document.getElementById('revealDivs').style.display='none';},1600)
});
$("#ziyaretet").click(function(){
  $("#koddostuustpenil").animate({"top": "+=85%"}, 1600);
setTimeout(function(){document.getElementById('revealDivs').style.display='none';document.location.href = FACEBOOK_SAYFA_ADRESi;},1600);});


</script>
<!--Bu çalışma Creative Commons Attribution 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif Sahibi: www.koddostu.com-->
<!--KODDOSTU Facebook Sayfa İntrosu STOP-->



0 yorum:

Yorum Gönder

Not: Yalnızca bu blogun üyesi yorum gönderebilir.