FACEBOOK SAYFA İNTROSU KODU ! YENİ !

Mükemmel Facebook İntrosu! Kod Dostu 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!

Soldaki kodu sitenize eklemeniz yeterli! Eğer her kullanıcıya bir kere gözüksün isterseniz sağdakini de ekleyin!

Önizlemeyi Görmek İçin Buraya Tıklayın

(not:facebook sayfa adresini kodun en üstünden değiştirebilirsiniz)

<script>
var FACEBOOK_SAYFA_ADRESi='http://facebook.com/koddostu'
</script>

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

<script>
var FACEBOOK_SAYFA_ADRESi='http://facebook.com/koddostu'
</script>

</div>

<style>

</script>

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